0

这是示例代码（test.html），

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"/>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>
<body>

<div data-role="page" id="page1">
<div data-role="content" id="content">Page 1</div>
</div>

<div data-role="page" id="page2">
<div data-role="content" id="content" >Page 2</div>
</div>

<script>
$('#page2').live('pageinit',function(evt) {
    $.mobile.changePage($('#page1'),{allowSamePageTransition:true})
});
</script>

</body>
</html>

当我尝试使用 Firefox 和 Chrome 访问 ./test.html#page2 时，预计会更改为 page1。但它并不总是成功地更改为 page1。有时，它在 page2 中仍然保持不变。有谁知道为什么？

谢谢！

4

1 回答 1

0

你为什么不尝试如下

$('#page2').on('pageshow',function(evt) {
    $.mobile.changePage($('test.html#page1'),{allowSamePageTransition:true})
});

根据我的经验，另一条建议是嵌套的 JQM 页面会导致一系列导航错误。作为一个经验法则，我的 JQM HTML 页面总是有单独的页面。

于 2013-03-05T11:50:59.687 回答