我如何使jQuery範圍滑塊觸摸友好？

我使用這個插件爲我的網站：我如何使jQuery範圍滑塊觸摸友好？

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

範圍滑塊在右側（按價格篩選，相機等）效果很好基於鼠標的系統，但其可怕的在觸摸設備上使用像iPhone，iPad，Android ...你不能通過觸摸拖動它。

我該如何使這個插件在觸摸設備中工作？

來源

2014-03-02 user3371597

如果您對此感到滿意，您可以自己綁定touchstart，touchmove和touchend事件。 – David

他可能不是，所以如果您使用jquery和jquery ui（在使用WSYWIG編輯器構建的網站上很常見），那麼這裏有一個共同的庫可供您使用：http://touchpunch.furf.com/ –

通過使用jQuery UI Touch Punch，您可以在觸摸設備中使用jQuery範圍滑塊。

使用觸摸衝牀是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> 
```

來源

2014-03-11 04:52:13 Foreever

noUISlider是一個跨瀏覽器，跨平臺和跨設備庫，開箱的，比jQuery用戶界面+ touchpunch更輕巧。

來源

2014-03-11 04:54:12 pxwise

To Enable Touch action you include jQuery touch punch js 

Include jQuery and jQuery UI on your page. 

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

來源

2015-04-08 07:22:10

我如何使jQuery範圍滑塊觸摸友好？

回答

相關問題