=‘#location’；vs. $.mobile.changePage('#location')；

Question

这两个重定向之间的区别是什么？我有一个应用程序，它可以在chrome和Android4上正常工作，但不能在Android2.x.x上运行

document.location.href='#location';

但是当我使用

$.mobile.changePage('#location');

它在chrome和android上都不能正常工作。重定向似乎会发生，但紧接着它就会跳转到我的应用程序的索引页。

Answer 1

$.mobile.changePage是一种jQM风格的导航方法。这意味着如果您启用了AJAX导航(默认情况下启用)，您链接到的页面将被异步获取并注入到当前页面的DOM中。

这是通过获取目标页面，扫描它的jQM页面(使用data-role='page'的容器元素)，将该元素注入当前DOM并显示它，同时隐藏以前的内容来完成的。

有关更多详细信息，请查看jQuery Mobile documentation。

请确保

• 您的目标页面有一个jQuery移动页面
• 目标页面是由jQM (使用Fiddler或类似工具)提取的
• 它存在于当前页面的DOM中

您还可能决定禁用AJAX导航(这在开发移动应用程序时是错误的想法)。这是通过在mobileinit处理程序中将ajaxEnabled设置为false来完成的。有关更多详细信息，请查看jQM configuration documentation。确保在页面中包含jquery-mobile.js之前执行mobileinit钩子。

Answer 2

试试这个：

$.mobile.changePage( "#location", {
    transition: "pop",
    reverse: false,
    changeHash: false
});

jQuery Mobile会公开$.mobile对象上的几个和属性，以便在应用程序中使用。

Answer 3

在使用$.mobile.changepage之前，请确保文档已准备好，否则它将无法工作。这将是一个问题，如果你正在使用自动重定向到不同的页面后，在给定的页面上的一些事件。

 $(document).ready(function(){
   $.mobile.changepage('xyz.html');
 }