使用预取页面在jQuery Mobile上运行文档加载

Question

当我加载初始页面时，$(document).ready()功能正常工作。

然而 - 当我因为UI性能原因预取到我想加载的页面的链接时，该页面不会运行它的文档就绪方法。

有没有其他人遇到这个？有什么建议？

我的下一个想法是将这两个页面放在一起，但我更希望将它们分开。

Answer 1

由于预取，您不应将$(document).ready()函数用于jquery移动页面。

jQuery文档现在在documentation on events中突出显示此常见问题解答。

您应该通过pageinit事件设置事件处理程序。

doc：

中的示例

$( '#aboutPage' ).live( 'pageinit',function(event){
  alert( 'This page was just enhanced by jQuery Mobile!' );
});

另外要小心 - 由于AJAX加载，您使用的脚本应该在加载的第一页上，其他页面的操作应该由事件处理程序处理。