如何在jquery mobile中进行焦点（单击）输入时打开页面？

Question

在Jquery mobile中，如何在输入时进行焦点（单击）时打开另一个页面？

这就是我试过的..

<input type="text" name="" id="" value="" class="move">

$(document).on('focus', '.move', function() {
 $('#page2').page('open');
});

<div data-role="page" id="page2">    
Test
</div>

但它不起作用

任何人都可以帮助我吗？

Answer 1

取决于您使用的jQuery Mobile版本：

jQuery Mobile 1.3及以下版本：

<input type="text" name="" id="" value="" class="move">

$(document).on('focus', '.move', function() {
    $.mobile.changePage('#page2'); 
});

<div data-role="page" id="page2">    
Test
</div>

详细了解here。

这也适用于jQuery Mobile 1.4，但此时不推荐使用此功能。如果您正在使用pagecontainer小部件，那么在jQUery Mobile 1.4中根本不使用此功能

jQuery Mobile 1.4：

此版本已实现pagecontainer小部件。

$( ":mobile-pagecontainer" ).pagecontainer( "change", "confirm.html");

详细了解 here 。

Answer 2

使用此方法，因为在初始化之前无法在页面上调用方法

$(document).on('focus', '.move', function() {
   $.mobile.changePage('#page2', { transition: "pop", role: "dialog", reverse: false } );
});