jquery - 我怎样才能使 jQuery 范围 slider 触摸友好？

Question

我在我的网站上使用这个插件:

http://codenegar.com/woocommerce-ajax-product-filter/shop/

右侧的范围 slider (按价格、相机等筛选)在基于鼠标的系统上运行良好，但在 iPhone、iPad、Android 等触摸设备上使用则很糟糕...您无法拖动它触摸。

如何让这个插件在触摸设备上工作？

Answer 1

您可以通过使用jQuery UI Touch Punch在触摸设备中使用jquery范围 slider .

使用 Touch Punch 就像 1、2 一样简单......只需按照以下简单步骤操作即可:

• 在您的页面上包含 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>   
  

• 在 jQuery UI 之后和首次使用之前包含 Touch Punch。

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