jQuery移动.导航更改url,不加载新页面


jQuery mobile.navigate changes url, doesn't load new page

我通过搜索发现了一些类似的帖子,但他们的修复方法似乎都不适合我。

我正在尝试用jquery改变滑动页面。页面url在滑动上得到更新,但是它并没有把我带到新的页面。相反,它保持在同一个页面上,只有url被更新。

如果有人能快速看一下并提出一些可能的修复建议,那将是一个巨大的帮助。

这是我的代码:

$(function(){
  $( "div.sw_box" ).on( "swipe", swipeHandler );
  function swipeHandler( event ){
    $.mobile.navigate("/test2.php");
  }
});

谢谢!

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

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

$mobile。changepage已弃用,将在JQuery移动版1.5中删除。

这应该可以正常工作:

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

在你的情况下,你需要改变'page.html'为'test2.php',或者你可以使用'#pageID',如果页面在同一文档