如何正確使用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是您div頁的id。

查看JQuery Mobile docs爲這個例子和更多信息。