使用预取的页面在jQuery移动设备上运行文档加载

Question

当我加载初始页面时，$(document).ready()函数工作得很好。

但是，当我出于UI性能原因而预取了一个指向我想要加载的页面的链接时，该页面并没有运行它的文档就绪方法。

有没有其他人遇到过这种情况？有什么建议吗？

我的下一个想法是将两个页面放在一个页面中，但我更喜欢将它们分开。

Answer 1

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

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

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

文档中的示例：

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

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