javascript - 滑动包装器可阻止页面上的所有点击事件

Question

我正在使用 http://labs.skinkers.com/touchSwipe/ 插件来处理触摸事件。 主要问题是当我在包装元素上附加滑动事件时，所有其他事件都被阻止。适用于桌面浏览器，但不适用于 iPad。

我尝试在目标元素上停止传播，但仍然有问题。

_pager.prototype.initialize = function () {
    "use strict";
    var base = this;
    //cursorPosition();

    base.$container.swipe({
        swipeUp   : function (e, direction, distance, duration, fingerCount) {
            if ($(event.target).hasClass('inner-wrapper')) {

                base.$container.transition({ y : -674 }, 500, 'out')
            }

        },
        swipeDown : function (e, direction, distance, duration, fingerCount) {

            if ($(event.target).hasClass('inner-wrapper')) {
                base.$container.transition({ y : 0 }, 500, 'out')
            }
        }

    });
}

Answer 1

使用 css 类 noSwipe 进行修复，该类排除了可滑动的元素。