jquery-mobile - jquery 移动页面转换似乎正在停止 $(document).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再次变为。

因此，关于事件的文档突出显示（强调来自原文）：

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

因此，你应该写：

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