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 修复，该类排除了滑动元素。