在jquery mobile中调整滑动事件的距离

前端之家收集整理的这篇文章主要介绍了在jquery mobile中调整滑动事件的距离前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以调整触发滑动事件所需的距离,如果是这样,它是如何完成的?

这里的代码我在谈论:

  1. $('.page2').bind('swiperight',function(event,ui){
  2. $.mobile.changePage(
  3. $('.page1'),{
  4. allowSamePageTransition: true,transition: 'slide',reverse: 'true',showLoadMsg: false,reloadPage: true,}
  5. );
  6. return false;
  7. });

解决方法

对的,这是可能的.

您需要修改这些属性

> $.event.special.swipe.horizo​​ntalDistanceThreshold(默认值:30像素) – 刷卡水平位移必须比这个多.
> $.event.special.swipe.verticalDistanceThreshold(默认:960×75像素) – 刷卡垂直位移必须小于这一点.

这必须在mobileinit事件期间完成,如下所示:

  1. $(document).bind("mobileinit",function(){
  2. $.event.special.swipe.horizontalDistanceThreshold (default: 30px);
  3. $.event.special.swipe.verticalDistanceThreshold (default: 75px);
  4. });

最后一件事.如果您从未使用过mobileinit,则必须在初始化jQuery mobile之前调用此事件,如下所示:

  1. <script src="jquery.js"></script>
  2. <script>
  3. $(document).bind("mobileinit",function(){
  4. $.event.special.swipe.horizontalDistanceThreshold (default: 30px);
  5. $.event.special.swipe.verticalDistanceThreshold (default: 75px);
  6. });
  7. </script>
  8. <script src="jquery-mobile.js"></script>

请查看官方文档here

猜你在找的jQuery相关文章