如何在一個HTML文件中將pageinit用於多個data-role =頁面

Question

我在一個html文件中有多個頁面。 我試圖在第二個data-role =「page」上實現pageinit事件處理程序。 所以我聲明pageinit裏面是特定的data-role =「page」。

<div data-role="page" id="foo3" data-dom-cache="false"> 
<script> 
    $(document).on('pageinit','#foo3' , function(){ 
    abcsong_file_path = '/android_asset/www/audio/abcsong.mp3'; 


     my_abc = new Media(abcsong_file_path); 

     my_abc.play(); 
     var i =0; 
     var time; 
     function my_loop(){ 
     setTimeout(function(){ 


      var my_alphabets = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"]; 
      $('#content_loop2').append('<img src="img/alphabets/'+my_alphabets[i]+'.png" />'); 
      i++; 
      time = 700; 

       if(i<26) 
       { 
        my_loop(); 
       } 

      }, time) 
     } 
     my_loop(); 
    }); 
</script> 
    <div data-role="header" data-theme="b"> 

     </div> 
     <div data-role="content" > 

      <div id="content_loop2" data-inset="true"> 

      </div> 
     </div> 
     <div data-role="footer" > 

     </div> 
    </div> 

我期望是什麼，它會初始化每次我訪問此頁面。但它只在我第一次打開它時正確運行。每隔一段時間它只顯示以前執行的代碼的輸出。

請幫助我如何去做。

Answer 1

Pageinit應該只運行一次，它就像文件準備就緒一樣。

如果你希望你的代碼運行每次頁面被訪問，然後使用pageshow或pagebeforeshow。

查看更多關於它here。

Answer 2

Pageinit 應該根據文檔啓動只有一次，但至少在以前的版本中不是實際的事實。

我目前正在使用jQM 1.3.2，並且不再在Android或桌面瀏覽器中遇到此問題。但請注意，特別是如果您還使用Phonegap的話。

Document pageinit fires more than once on iOS (jQueryMobile)