jquery移动页面转换似乎是停止$（文件）.ready从触发

Question

我正在构建我的第一个jquery移动网站并遇到了问题。当只是从一个页面到另一个页面做一个简单的超链接时，似乎页面转换效果正在停止

$(document).ready(function(){
    alert("hello");
});

从射击。如果我刷新页面或直接链接到页面，则会触发事件。

我尝试从超链接中删除数据转换，甚至尝试了

<a data-role="button" data-transition="none" href="/otherpage/">link</a>

但仍有同样的问题。 安迪的想法好吗？感谢。

Answer 1

这是设计的，因为jQuery Mobile在后台加载页面，然后在转换之前将它们合并到当前文档中。这意味着原始页面未重新加载，因此document不会再次成为ready。

因此，documentation on events突出地说（强调原文）：

  

重要提示：使用$(document).bind('pageinit')，而不是$(document).ready()

因此，你应该写：

$(document).bind("pageinit", function() {
    alert("hello");
});