滑动包装可防止页面上的所有点击事件

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，它排除了滑动元素。