jquery - 如何正确使用 jQuery Mobile 的 $(document).bind('pageinit')？

Question

我的一个页面的头部有以下内容：

<script>
$(document).bind('pageinit' , function(){ alert("welcome"); });
//$(document).ready(function() {alert("welcome"); });
</script>

被注释掉的工作正常（当未注释时），但最上面的没有。由于 jQuery Mobile pageinit 功能，我遇到了很多问题。我必须在导航到每个页面后单击刷新，否则我添加的滚动条以及其他功能将无法加载。我引用的滚动条插件如下：

<script type="text/javascript" src="cubiq-iscroll-bad88fb/src/iscroll.js"></script>

然而，就像我说的，每次我从一个页面导航到另一个页面时，它都不会无缝加载。我需要点击刷新。我认为这是因为 Ajax，我认为通过正确使用可以解决问题， $(document).bind('pageinit')但我不知道该怎么做。任何建议都非常感谢。谢谢。:)

score 0 · Accepted Answer

您需要将事件附加到div代表页面，例如：

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

#thePage您的id页面在哪里div。

有关此示例和更多信息，请参阅JQuery Mobile 文档。

1 回答 1