jquery - 如何使用 jquery mobile 从一个 html 页面滑回到另一页面

Question

我正在开发一个 jquery 移动项目。我有两个 html 页面。从index.html我有一个swipeleft事件到page.html并且它工作正常。我想从 page.html 向右滑动，然后返回到 index.html，但这行不通。

如果我在单个文档内的内部页面之间滑动，但在 html 页面之间滑动，则代码可以正常工作。我需要使用几个 html 页面。

有人能做到这一点吗？如能得到解答，将不胜感激。

这是我在 index.html 页面中的滑动代码:

<script>
$(document).ready(function() {

$("#main").bind('swipeleft',function(event, ui){
        $.mobile.changePage("page.html", "slide");
})

})
</script>

这是我的 page.html 代码:

<script>
$(document).ready(function() {

$("#main").bind('swiperight',function(event, ui){
        $.mobile.changePage("index.html", "slide");
})

})
</script>

Answer 1

你不应该使用$.ready()，你应该使用pageInit()相反。
另外，请确保页面上的所有 id 在所有页面上都是唯一的，而不仅仅是页面上唯一的。