Jquery mobile 手势代码,用的时候老是不太稳定且不流畅（可能和我的手机有关），不过也找不到更合适的东西。留下

我视而不见

于 2013-11-04 13:39:17 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript/jquery JQM 文章标签： jquery mobile

本文链接：https://blog.youkuaiyun.com/xhhuang1979/article/details/12872649

javascript/jquery 同时被 2 个专栏收录

8 篇文章

订阅专栏

JQM

2 篇文章

订阅专栏

本文将介绍如何使用jQuery实现页面间的滑动切换效果，包括左右滑动页面的事件监听与页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).on('pageinit', function(event){
  $('div.ui-page').on("swipeleft", function () {
    var nextpage = $(this).next('div[data-role="page"]');
      if (nextpage.length > 0) {
        $.mobile.changePage(nextpage, "slide", false, true);
      }
  });
 
  $('div.ui-page').on("swiperight", function () {
    var prevpage = $(this).prev('div[data-role="page"]');
    if (prevpage.length > 0) {
      $.mobile.changePage(prevpage, { transition: "slide", reverse: true }, true, true);
    }
  });
});