为基于jquery的滑块添加触摸滑动支持

Question

使用这个伟大的拇指滑块 http://manos.malihu.gr/jquery-thumbnail-scroller

然而，它不提供对基于触摸的设备的滑动支持。有没有一种简单的方法可以为这样的jquery插件添加触摸滑动支持？

Answer 1

您可以尝试jQuery Mobile触摸事件。

Answer 2

无需切换到jQuery Mobile即可。我在this small project for school中这样做了。

它的工作方式是使用名为jQuery UI Touch Punch的库来模拟来自触摸设备的鼠标事件。您需要做的就是在jQuery中包含这样的库，例如：<script src="jquery.ui.touch-punch.min.js"></script>。

Answer 3

您可以使用jQuery UI Touch Punch添加触摸功能。

使用Touch Punch就像1,2一样简单...... 只需按照以下简单步骤操作：

1. 在您的页面上包含jQuery和jQuery UI。

   <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
   <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
   

2. 在jQuery UI之后及首次使用之前包含Touch Punch。

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

   <script src="jquery.ui.touch-punch.min.js"></script>

要进行演示，请访问 http://touchpunch.furf.com/