2012-04-13 46 views
3

使用jQuery移动页面转换可以从一个页面导航到另一个页面吗? 目前我有一个输入框可以在聚焦时触发一个功能,就像这样;从功能触发jquery移动页面转换

$("#page1").on("focusout", "input", function(){ 
alert("working"); 
} 

我想这样做是事件的内容功能大火后,我想将用户带到另一个页面,使用jQuery Mobile的页面navigtion。通常我会使用像这样的按钮;

<a href="#page2">Next</a> 

我该如何从聚焦功能中激发#page2

+0

您是不是要在第2页激发警报(“工作”)? – 2012-04-13 14:31:13

+0

不,我想让用户访问第2页后输入框 – JPK 2012-04-13 14:32:20

回答

8

如果是在同一个页面。它需要。

//Solution From Comments Below; Thanks! 
$.mobile.pagecontainer("change", "#page2", { transition:"slide" }); 

//Original Answer Deprecated 
$.mobile.changePage($('#page2'), {transition:"slide"}); 
+0

宾果!非常感谢 – JPK 2012-04-13 15:04:35

+1

我在谷歌上找到了这个答案,并认为我应该提到现在已经弃用了。使用以下方法:'$ .mobile.pagecontainer(“change”,“#page2”,{transition:“slide”});' – mic 2014-12-22 18:30:05

2

要更改页面在jQuery Mobile的使用:

$.mobile.changePage("yourpage.html", {transition:"slide"}); 

其中滑动可以改成其他的过渡

+0

感谢您的迅速响应,我会给它一个去吧 – JPK 2012-04-13 14:33:12

+0

@JPK请说明我的答案是有用的,谢谢! – 2012-04-13 14:44:04

+0

这没有奏效。我注意到了焦点,但没有改变页面和转换。我没有使用外部文件,我的所有页面都在同一页面上,所以我有'$ .mobile.changePage(“#page2”,{transition:“slide”});'这是正确的吗? – JPK 2012-04-13 14:44:24