javascript - 只有swipeone与jGestures一起使用

我正在尝试使用jGestures实现触摸均匀。 swipeone正常工作，但其他任何东西(swipeleft，swipeight等)均未触发。

<div id="wrap" style="height:500px; width:500px; background: blue;">

    </div>
    <script type="text/javascript">
        $('#wrap').bind('swipeleft', function(){
            alert("test");
        });
    </script>

这只是我做的测试页。它实际上在我的主项目中正在工作，但似乎根本没有任何原因停止，甚至当我恢复到较旧的版本时也是如此。我尝试了其他版本的jGestures，但没有运气。

最佳答案

SwipeLeft，SwipeRight，-Up和-Down实现得很差。仅当您完全停留在开始触摸事件的轴上时，它们才会被触发。
例如，仅当手指从(X，Y)(120，0)移至(250，0)时，SwipeRight才起作用。

如果起点和终点的Y坐标不同，则将无法使用。

jGestures.js(大约1095行)应该看起来像这样(可读):

/**
 * U Up, LU LeftUp, RU RightUp, etc.
 *
 *  \U|U/
 * LU\|/RU
 *L---+---R
 * LD/|\RD
 *  /D|D\
 *
 */
if ( _bHasTouches && _bHasMoved === true && _bHasSwipeGesture===true) {
    _bIsSwipe = true;
    var deltaX = _oDetails.delta[0].lastX;
    var deltaY = _oDetails.delta[0].lastY;
    var hor = ver = '';
    if (deltaX > 0) { // right
        hor = 'right';
        if (deltaY > 0) {
            ver = 'down'
        } else {
            ver = 'up';
        }

        if (Math.abs(deltaY) < deltaX * 0.3) {
            ver = '';
        } else if (Math.abs(deltaY) >= deltaX * 2.2) {
            hor = '';
        }
    } else { // left
        hor = 'left';
        if (deltaY > 0) {
            ver = 'down'
        } else {
            ver = 'up';
        }

        if (Math.abs(deltaY) < Math.abs(deltaX) * 0.3) {
            ver = '';
        } else if (Math.abs(deltaY) > Math.abs(deltaX) * 2.2) {
            hor = '';
        }
    }
    // (_oDetails.delta[0].lastX < 0) -> 'left'
    // (_oDetails.delta[0].lastY > 0) -> 'down'
    // (_oDetails.delta[0].lastY < 0) -> 'up'
    // alert('function swipe_' + hor + '_' + ver);

    _oDetails.type = ['swipe', hor, ver].join('');
    _$element.triggerHandler(_oDetails.type, _oDetails);
}