jQuery mobile.navigate更改网址，不加载新网页

Question

我通过搜索发现了一些类似的帖子，但他们的修补程序似乎都不适合我。

我正在尝试使用jquery在滑动时更改页面。页面网址在刷卡时会更新，但它不会将我带到新页面。相反，它仍保留在同一页面上，只有网址才会更新。

如果有人可以快速查看并提出一些可能的解决方案，那将是一个巨大的帮助。

这是我的代码：

$(function(){
  $( "div.sw_box" ).on( "swipe", swipeHandler );

  function swipeHandler( event ){
    $.mobile.navigate("/test2.php");
  }
});

谢谢你！

Answer 1

这里有一个滑动导航的官方示例：http://demos.jquerymobile.com/1.3.0/docs/examples/swipe/swipe-page.html

您应该尝试$.mobile.changePage而不是$.mobile.navigate;这似乎是文档和代码之间最重要的区别

Answer 2

$ mobile.changepage已弃用，将由JQuery mobile 1.5删除。

这应该可以正常工作：

function swipeHandler( event ){
    $(':mobile-pagecontainer').pagecontainer('change', 'page.html', {
        transition: 'flip',
        changeHash: false,
        showLoadMsg: true
    });
}

在您的情况下，您需要将'page.html'更改为'test2.php'，或者如果页面位于同一文档中，您可以使用'#pageID'。