Question

我正在开发一个jquery移动项目。我有两个html页面。从index.html我有一个swipeleft事件到page.html，它工作正常。从page.html我想swiperight所以我回到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在所有页面中都是唯一的，而不仅仅是页面的唯一ID。

Answer 2

同样的问题我在这里问过.. jQuery Mobile - Swipe - Origin null not allowed by Access-Control-Allow-Origin

您必须在每个页面中添加标签。
我使用location =“index.html”和location =“page.html”代替$ .mobile.changePage（）。没有滑动动画，但会发生滑动。

Answer 3

我在所有页面上使用以下代码进行导航，在所有页面上滑动它的工作正常，但它们没有滑动动画。

$("#main").bind('swipeleft',function(event, ui){
      goPage1();
})
$("#main").bind('swiperight',function(event, ui){
      goPage2();
})  

function goPage1(){
   var dirPath = dirname(location.href);
   var fullPath = dirPath + "/page1.html";
   window.location=fullPath;
}

function goPage2(){
    var dirPath = dirname(location.href);
    var fullPath = dirPath + "/page2.html";
    window.location=fullPath;
}
function dirname(path){
    return path.replace(/\\/g,'/').replace(/\/[^\/]*$/, '');
}

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

3 个答案: