jquery - jQuery Mobile 滑动事件

Question

我有一个<div>标签，当用户在它上面滑动时，它会记录下来swipe。在 jQuery Mobile 中有 3 次滑动 ie和swipe，但我只想使用。我想知道的是，当用户在标签上滑动然后记录或者基于用户的滑动方向。可能吗？如果是，那怎么办？swipeleftswiperightswipe<div>swipeleftswiperight

$('.image').on('swipe', function (e) {
    console.log('swipe);
});

Answer 1

要记录向左滑动，请使用

    $('.image').on('swipeleft', function (e) {
       console.log('swipeleft');
    }); 

为权

    $('.image').on('swiperight', function (e) {
       console.log('swiperight');
    });

将其放在代码的函数$(document).on('pageinit', function() {}中。

这些事件可以扩展，这是这些事件的默认值

$.event.special.swipe.handleSwipe ：

function( start, stop ) {
    if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
        Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
        Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {

        start.origin.trigger( "swipe" )
            .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
    }
}