mobile.changePage轉到下一頁？

如何更改下面的代碼以滑動到下一頁/'to：url'w/o必須爲每個頁面更改編寫腳本？mobile.changePage轉到下一頁？

<script type="text/javascript"> 
      $('div').live("swipeleft", function(){ 
       $.mobile.changePage("#pg02", "slide", false, true); 
      }); 
      $('div').live("swiperight", function(){ 
       $.mobile.changePage("#pg01", "slide", true, true); 
      }); 
    </script>

來源

2011-02-24 CelticParser

重命名您的網頁PG1 PG2，...，PG10沒有零點前

<script type="text/javascript"> 

window.now=1; 

     $('div').live("swipeleft", function(){ 
      window.now++ 
      $.mobile.changePage("#pg"+window.now, "slide", false, true); 
     }); 
     $('div').live("swiperight", function(){ 
      window.now--; 
      $.mobile.changePage("#pg"+window.now, "slide", true, true); 
     }); 
</script>

你將不得不增加一些if s到防守第一頁和最後一頁。您可能還想將now變量放在其他一些不在window對象的全局範圍內的對象中。

來源

2011-02-25 09:22:46 naugtur

Thanx !!我知道這一定很簡單。我正在嘗試一些幾乎相同的W /沒有運氣。很棒！ Thnx再次。 – CelticParser 2011-02-25 16:57:52

對不起，我說得太快了。我開始添加頁面（3之後），並發現代碼使它跳動兩頁 - 任何想法？ – CelticParser 2011-02-25 19:40:03

這是因爲您必須正確綁定事件。我只是假設你知道你在做什麼而使用了你的例子。當您滑過div中的div時，此事件會多次觸發。將它綁定到更獨特的東西。嘗試'$（'body'）。bind（'或者只是綁定到一個按鈕 – naugtur 2011-02-26 20:04:59

mobile.changePage轉到下一頁？

回答

相關問題