jquery mobile中“swipeleft”事件的“min_move_x”[关闭]

Question

如何在 jquery mobile 中使用 'min_move_x' 来处理 'swipeleft' 事件？
这是我的代码：

$("#summary_content").swipeleft( function() {


               $("#page").trigger('click');

           });


           $("#summary_content").swiperight( function() {


               $("#page").trigger('click');

               }
           });

我试图让向左滑动的功能只有在用户滑动 80% 的屏幕时才会起作用。

Answer 1

jQM提供了一些事件配置项：http://api.jquerymobile.com/swipe/

对于 min_x，使用 $.event.special.swipe.horizontalDistanceThreshold

例如

$(document).on("pagecreate", "#page1", function(){    
    $.event.special.swipe.horizontalDistanceThreshold = 100;    
    $("#summary_content").swipeleft( function() {
        alert('swipeleft');
        $("#page").trigger('click');
    });
});

这意味着您需要在触发事件之前水平滑动至少 100 像素。

这是一个DEMO

使用horizo​​ntalDistanceThreshold，然后在红框上向左滑动。