javascript - 让 html 元素在 jQuery 移动设备上跟随手指滑动

Question

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

我想知道如何让div从滑动开始到滑动结束都跟随手指移动？

几乎就像仅在滑动时才可拖动。

虽然我不想使用 jQuery UI。

我怎样才能以最好的方式正确地做到这一点？

我的方法是在鼠标按下时，将 div 的偏移量设置为鼠标的 x 位置。但这会激发每个像素，而且效率似乎很低。它也发生在鼠标按下时，而不是滑动时。

这是我的代码，用于监听滑动，在本例中为向右滑动:

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

现在，如何让 .dataCard 跟随手指滑动，直到手指被拿起？

Answer 1

嗯，您可以在调试器中检查中断事件。另外，您无法更改“相对”元素的位置，它将始终位于文档流位置(因此我问您是否已将元素设置为绝对)。