1

したがって、jquery イベントをトリガーするコードがいくつかあります。このコードが行うことは、ユーザーが領域を左右にスワイプするたびにイベントをトリガーし、コンソールにログを追加することです。

これは私のiPadとiPhoneでは問題なく動作していますが、今日は2つの別々のAndroidデバイスでテストするようになり、ほとんど喜びがありませんでした.

実際にスワイプをログに記録するには、20/30 回スワイプする必要があります。

コードにエラーがあるのだろうか?

var maxTime = 1000,
    // allow movement if < 1000 ms (1 sec)
    maxDistance = 50,
    // swipe movement of 50 pixels triggers the swipe
    target = jQuery('.pageSize'),
    startX = 0,
    startTime = 0,
    touch = "ontouchend" in document,
    startEvent = (touch) ? 'touchstart' : 'mousedown',
    moveEvent = (touch) ? 'touchmove' : 'mousemove',
    endEvent = (touch) ? 'touchend' : 'mouseup';

target.bind(startEvent, function(e) {
    // prevent image drag (Firefox)
    // e.preventDefault();
    startTime = e.timeStamp;
    startX = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX;
}).bind(endEvent, function(e) {
    startTime = 0;
    startX = 0;
}).bind(moveEvent, function(e) {
    // e.preventDefault();
    var currentX = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX,
        currentDistance = (startX === 0) ? 0 : Math.abs(currentX - startX),
        // allow if movement < 1 sec
        currentTime = e.timeStamp;
    if (startTime !== 0 && currentTime - startTime < maxTime && currentDistance > maxDistance) {
        if (currentX < startX) {
            // swipe left code here
            //slideMobile("forward", pageSize);

            console.log("swipeForward");
            jQuery(window).trigger('swipeForward');
        }
        if (currentX > startX) {
            // swipe right code here
            //slideMobile("back", pageSize);

            console.log("swipeBackward");
            jQuery(window).trigger('swipeBackward');

        }
        startTime = 0;
        startX = 0;
    }
});

ありがとう

4

0 に答える 0