jQuery Mobile的單擊事件停止工作/幾次

Question

我有兩個jQuery Mobile的頁面

<!-- Home Page --> 
    <div data-role="page" id="home"> 
    <div data-theme="a" data-role="header"> 
     <h1>FortiSizer</h1> 
    </div> 

    <div data-role="content"> 
      <div id="myForm"></div> 
      <a id="sizeit" data-role="button" data-theme="a" data-inline="false">Size It</a> 
     <script type="text/javascript"> 
       jQuery("#home").on('pageinit', function(event, data) { 
       jQuery("#sizeit").on("click",function(e){ 
        sizeItClick(); 
        return false; 
       }); 
      }); 
     </script> 
    </div> 
</div> 

    <!-- Product Page --> 
<div data-role="page" id="productInfo"> 
    <div data-theme="a" data-role="header"> 
     <a id="back" data-role="button" data-inline="true" data-direction="reverse" data-rel="back" data-transition="slide" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Back</a> 
     <h1 id="productName"></h1> 
    </div> 

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

在頭部分，我有以下代碼

<script type="text/javascript"> 
     jQuery(document).on('pagecreate', function(event, data) { 
      generatePageForm(); 
     }); 
</script> 

一個HTML文件後，射擊這在主頁中生成一個表單。主要想法是一旦用戶從選擇元素中選擇模型，就會顯示產品詳細信息（產品頁面）。它一切正常，兩次！

表單生成後，我點擊「sizeIt」按鈕，產品詳細信息頁面加載，我點擊該頁面上的後退按鈕，返回主頁。但是，第三次我這樣做時，sizeit按鈕停止工作，產品頁面不顯示。 我在做什麼錯？

Answer 1

可能的pageinit事件不燒成後回鍵的使用方法，請嘗試使用pageshow代替： （jQuery mobile's pageinit causing problems on navigating back）

jQuery("#home").on('pageshow', function(event, data) { 
      jQuery("#sizeit").on("click",function(e){ 
       sizeItClick(); 
       return false; 
      }); 
     });