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

【问题标题】：Adjusting the distance of a swipe event in jquery mobile在jquery mobile中调整滑动事件的距离
【发布时间】：2013-05-02 07:31:34
【问题描述】：

是否可以调整触发滑动事件所需的距离，如果可以，如何调整？

这里是我说的代码：

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

【问题讨论】：

标签： jquery jquery-mobile swipe

【解决方案1】：

是的，有可能。

你需要修改这些属性：

$.event.special.swipe.horizontalDistanceThreshold (default: 30px) - 滑动水平位移必须大于这个。
$.event.special.swipe.verticalDistanceThreshold (default: 75px) – 滑动垂直位移必须小于此值。

这必须在 mobileinit 事件期间完成，如下所示：

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

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

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

看看官方文档here

【讨论】：

$.event.special.swipe.horizontalDistanceThreshold = value;成功了吗：）谢谢