jQuery Mobile ChangePage替代方案

Question

有没有办法改变jQuery Mobile中的页面，但仍然有$（document）.ready函数启动？我调用$ .mobile.changePage时似乎遇到一些问题，因为我的页面并不总是完全加载....

或者找不到changePage的替代方法，是否有刷新页面的方法通过changePage加载到DOM？

Answer 1

这个答案是错的，无用的，所以这里的一个实际上将帮助人们... - 碧玉

文档：http://jquerymobile.com/demos/1.1.1/docs/api/methods.html

具体来说，你正在寻找reloadPage选项：

reloadPage（布尔型，默认值：false）强制重新加载页面，即使它已经在页面容器的DOM中。仅当 changePage（）的'to'参数是一个URL时才使用。

所以，像这样将工作：

$.mobile.changePage('/some/url.html', { 
    reloadPage : true 
}); 

您也可以绑定到特定的伪页面pageinit事件，以专门为那些伪网页运行代码：

$(document).delegate('#page-1', 'pageinit', function() { 
    //run code for #page-1 pseudo-page 
}).delegate('#page-2', 'pageinit', function() { 
    //run code for #page-2 pseudo-page 
}).delegate('#page-3', 'pageinit', function() { 
    //run code for #page-3 pseudo-page 
}); 

然后，我建议将整个站点的所有代码放在一个.js文件中，并将其包含在每个文档的任何data-role =“page”或data-role =“dialog”元素的外部或外部。这样，无论用户登陆网站或浏览网站的方式，您网站的代码都将始终存在。

Answer 2

在jQuery Mobile中，ajax用于在浏览时将每个页面的内容加载到DOM中，并且DOM就绪处理程序（即，使用$(document).ready()限制的所有事件）仅对第一页执行。要在页面上执行特定事件时，将显示它您可以尝试把这个特定的页面上，

$(document) 
    .unbind("pageshow.somenamespace") 
    .bind("pageshow.somenamespace", 
    function() { 
     // code here 
    } 
);