html jquery移動頁面刷卡

Question

任何人都可以讓我在正確的方向，在網站上得到3頁，並結合從jQuery手機的刷卡元素，爲iPad使用我成功地從第一頁（介紹）滑動到下一個頁面（概述）和back..but不能進一步刷卡進入從（概述頁）swipeleft ......現場三（屬性）頁面繼承人我的代碼：

第一頁...

<script type="text/javascript"> 
$(function() { 
     $("body").live('swiperight', function (event, ui) { 
      $.mobile.changePage("introduction.html", "slide"); 
     }); 

     $("body").live('swipeleft', function (event, ui) { 
      $.mobile.changePage("overview.html", "slide"); 
     }); 
    }); 
</script> 

第二頁...

<script type="text/javascript"> 
$(function() { 
     $("body").live('swiperight', function (event, ui) { 
      $.mobile.changePage("introduction.html", "slide"); 
     }); 

     $("body").live('swipeleft', function (event, ui) { 
      $.mobile.changePage("properties.html", "slide"); 
     }); 
    }); 
</script> 

Answer 1

當您使用changePage時，jQuery手機不會將您發送到新頁面。它只會抓取新頁面的部分（在你的情況下它是正文）並加載到當前頁面。

因此，第一次刷卡後，第二頁是加載，但所有參數仍然是從第一頁。進一步刷卡就像試圖加載已經加載的第二頁....沒有進一步的行動。

你可以做什麼，例如， 在你的JavaScript包裝每個網頁內容的具有唯一ID <div id="firstpage">...</div> ，將其更改爲：

$("#firstpage").live('swiperight', function (event, ui) { 
     $.mobile.changePage("introduction.html", "slide"); 
    });