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

时间:2013-11-09 16:14:24

标签: javascript jquery jquery-mobile

我在小提琴中使用jquery.touchSwipe.js。我从here下载并在我的Dropbox .run中插入了jquery.touchSwipe.js,但它没有用。我想捕捉向上和向下滑动事件以及滚动。这是我的fiddle

$("#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"
});

1 个答案:

答案 0 :(得分:0)

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

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

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

<强>更新 从我们的讨论中我想想当用户尝试滚动元素时,您还希望能够触发滑动事件。你可以这样做 - documentation告诉你如何做到。默认情况下,类noSwipe的任何内容都不会触发滑动,但您也可以指定元素。 E.G:http://jsfiddle.net/YB5sq/5/