如何正确使用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')来解决的，但我对如何去做却感到很遗憾。任何建议真的很感激。谢谢。 :)

Answer 1

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

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

#thePage是您网页id的{​​{1}}。

有关此示例的详情，请参阅JQuery Mobile docs。