1

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

但是,它不为基于触摸的设备提供滑动支持。有没有一种简单的方法可以向这样的 jquery 插件添加触摸滑动支持?

4

3 回答 3

2

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

于 2012-04-07T21:54:24.720 回答
2

无需切换到 jQuery Mobile 即可。我在这个学校的小项目中这样做了。

它的完成方式是使用这个名为jQuery UI Touch Punch的库,它将模拟来自触摸设备的鼠标事件。您需要做的就是在您的 jQuery 下包含该库,包括:<script src="jquery.ui.touch-punch.min.js"></script>.

于 2012-04-07T21:58:49.910 回答
1

您可以使用 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/

于 2014-02-01T05:20:56.560 回答