javascript - 在jQuery中处理向上/向下滑动事件

Question

我在小提琴中使用 jquery.touchSwipe.js。我从这里下载并在我的 dropbox .run 中插入了 jquery.touchSwipe.js，但它不起作用。我想捕捉上下滑动事件以及滚动。这是我的小提琴。

$("#test").swipe({
    swipeUp: function (event, direction, distance, duration) {
        console.log("You swiped " + direction)
    },
    swipeDown: function (event, direction, distance, duration) {
        console.log("You swiped " + direction)
    },
    click: function (event, target) {},
    threshold: 100,
    allowPageScroll: "vertical"
});

Answer 1

您的 TouchSwipe 插件路径不正确。您正在链接到 Dropbox 的下载页面，而不是此处的文件本身：

https://dl.dropboxusercontent.com/s/asv82fbz1am8e8w/jquery.touchSwipe.js

我已经更新了你的小提琴：http: //jsfiddle.net/YB5sq/1/

更新： 根据我们的讨论，我认为您还希望在用户尝试滚动元素时不触发滑动事件。你可以这样做——文档告诉你怎么做。默认情况下，任何具有类的东西noSwipe都不会触发滑动，但您也可以指定元素。例如：http : //jsfiddle.net/YB5sq/5/