2011-02-24 53 views
2

如何更改下面的代码以滑动到下一页/'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> 

回答

6

重命名您的网页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对象的全局范围内的对象中。

+0

Thanx !!我知道这一定很简单。我正在尝试一些几乎相同的W /没有运气。很棒! Thnx再次。 – CelticParser 2011-02-25 16:57:52

+0

对不起,我说得太快了。我开始添加页面(3之后),并发现代码使它跳动两页 - 任何想法? – CelticParser 2011-02-25 19:40:03

+0

这是因为您必须正确绑定事件。我只是假设你知道你在做什么而使用了你的例子。当您滑过div中的div时,此事件会多次触发。将它绑定到更独特的东西。尝试'$('body')。bind('或者只是绑定到一个按钮 – naugtur 2011-02-26 20:04:59