有jtml元素跟随手指jQuery移动滑动

时间:2013-08-16 16:17:02

标签: javascript jquery jquery-mobile multi-touch gesture

我有一个div,我使用jQuery mobile监听滑动事件。

我想知道我怎么能让div跟随并从滑动开始到滑动结束的时间用手指移动

只有在轻扫时才会拖拽。

虽然我不想使用jQuery UI。

我怎样才能以最佳方式正确地做到这一点?

我这样做的方法是在鼠标按下时,将div的偏移量设置为鼠标的x位置。但这会激发每个像素并且看起来效率低下。它也发生在鼠标按下,而不是滑动。

这是我的代码,用于侦听滑动,在这种情况下向右滑动:

$('#main').on('swiperight', '.dataCard', function(event){
    event.preventDefault();
    // what happens on swipe here
});

现在,我怎样才能让.dataCard跟随手指滑动直到手指被拿起?

1 个答案:

答案 0 :(得分:0)

好吧,你可以在调试器中查看事件。此外,您无法更改“相对”元素的位置,它将始终位于文档流位置(因此我询问您是否已将元素设置为绝对值)。