處理jQuery中的向上/向下滑動事件

Question

我在小提琴中使用jquery.touchSwipe.js。 我從這里下載了該文件，並將jquery.touchSwipe.js插入了我的保管箱.run中，但沒有用。 我想捕獲上下滾動事件以及滾動。 這是我的小提琴 。

$("#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都不會觸發滑動，但是您也可以指定元素。 EG： http ： //jsfiddle.net/YB5sq/5/