添加到基於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/