如何快速移动和快速移动

Question

提前道歉--这是一个非常基本的问题:为什么swipeleft和swiperight不起作用？

(function() {
    $('img').on('swiperight', swipeRight);
    function swipeRight(myEvent){ 
        myEvent.stopPropagation();
        alert('swipeRight');
    };

    $('img').on('swipeleft', swipeLeft);
    function swipeLeft(myEvent) { 
        myEvent.stopPropagation();
        alert('swipeLeft');
    };
})();

我已经加载了jQuery，但是我需要加载像jQuery手机或Angular这样的整个库吗？我只想从一张照片滑到下一张。

Answer 1

你可以使用jQuery UI Touch Punch添加触摸屏。

使用触摸式打孔机就像使用1，2…一样简单只需遵循这些简单的步骤：

1. 在您的页面上包含jQuery和jQuery UI。
2. 在jQuery UI之后和首次使用之前包含触摸屏。

请注意，如果您使用的是jQuery UI的组件，则必须在jquery.ui.mouse.js之后包含触摸屏，因为触摸屏会修改其行为。

• 使您要滑动的对象可拖动。

Answer 2

Standard jQuery没有定义swiperight或swipeleft事件。然而，jQuery Mobile does。您必须加载该库才能利用这些事件处理程序。

Answer 3

元素没有swipeleft或swiperight事件处理程序。使用touchstart和touchend需要做的事情。因此，对于触摸，这里是所有事件处理程序：

1. touchstart
2. touchmove
3. touchend
4. touchenter
5. touchleave
6. touchcancel

有了这些，您可以通过在方法和函数上使用jquery来添加。

要计算向左滑动和向右滑动，你必须使用触摸进行计算。阅读这篇文章！！

这是一个使用vanilla js帮助开发触摸屏的资源。http://www.javascriptkit.com/javatutors/touchevents2.shtml