添加到基于jQuery的滑块

Question

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

但是它不提供对基于触摸设备刷卡支持触摸刷卡的支持。有没有一种简单的方法来添加像这样的jquery插件的触摸刷卡支持？

Answer 1

有可能不切换到jQuery Mobile。我在this small project for school中这样做过。

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

Answer 2

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

Answer 3

您可以使用jQuery UI 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后，触摸冲床改变其行为。

对于演示，请访问：http://touchpunch.furf.com/