jQuery UI slider Hỗ trợ chạm & kéo / thả trên thiết bị di động

Tôi đã tạo kiểu và triển khai thanh trượt jQuery UI vào một dự án. Mặc dù nó phản hồi nhanh, nhưng thanh trượt không phản hồi khi bị chạm và kéo. Thay vào đó, bạn phải chạm vào nơi bạn muốn thanh trượt đến. Tôi muốn tránh hoán đổi sang giao diện người dùng di động jQuery, hỗ trợ chạm và kéo, vì chúng tôi đã sử dụng rộng rãi giao diện người dùng jQuery (không dành cho thiết bị di động).

Chức năng chúng tôi muốn: Đây
Những gì chúng tôi đang sử dụng: Đây

Trên máy tính để bàn, bạn không thể phân biệt được. Rõ ràng là trên thiết bị di động.

Có ai biết cách thêm hỗ trợ này vào giao diện người dùng jquery không?

$("#videographers").slider({
  value: 2,
  min: 1,
  max: 3,
  step: 1,
  slide: function(event, ui) {
    return calcTotal(ui.value);
  }
});

jQuery ui không có hỗ trợ cảm ứng. Bạn nên sử dụng nó với cú đấm cảm ứng jQuery-ui .

Chỉ cần thêm tập lệnh sau 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>
<script src="jquery.ui.touch-punch.min.js"></script>

Bạn cũng có thể sử dụng cdnjs:

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>

Lưu ý: Tốt hơn hãy cho repo này một ngôi sao trên Github.

Bạn chỉ có thể liên kết js này.

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>

cảm ơn.