jquery mobile 左右滑动

最新推荐文章于 2017-08-03 15:33:01 发布

weixin_30830327

最新推荐文章于 2017-08-03 15:33:01 发布

阅读量83

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/luoge/p/4368346.html

版权

<div data-role="page" id="page1">
<script type="text/javascript">
$(function(){
　　$("#page1").bind("swipeleft",function(){
　　　　$.mobile.changePage("#page2",{transition: "slide",changeHash: true});
  　　});

　　$("#page1").bind("swiperight",function(){
  　　　　$.mobile.changePage("#page3", {transition:"slidefade",reverse:true,changeHash: true}, true, true);
  　　});
});
</script>
<div data-role="header" data-position="fixed">
//头部
</div>

</div>

<div data-role="page" id="page2">
<script type="text/javascript">
$(function(){
　　$("#page2").bind("swipeleft",function(){
　　　　$.mobile.changePage("#page3",{transition: "slide",changeHash: true});

　　});
    $("#page2").bind("swiperight",function(){
          $.mobile.changePage("#page1", {transition:"slidefade",reverse:true,changeHash: true}, true, true);
    });
});
</script>

</div>

<div data-role="page" id="page3">
<script type="text/javascript">
$(function(){
　　$("#page3").bind("swipeleft",function(){
　　　　$.mobile.changePage("#page1",{transition: "slide",changeHash: true});
　　});
　　$("#page3").bind("swiperight",function(){
　　　　$.mobile.changePage("#page2", {transition:"slidefade",reverse:true,changeHash: true}, true, true);
　　});
});
</script>