Slider jQuery UI Sentuh & Seret / Jatuhkan dukungan pada perangkat Seluler

Saya sudah menata dan mengimplementasikan slider jQuery UI ke dalam sebuah proyek. Meskipun responsif, penggeser tidak merespons saat disentuh dan diseret. Sebaliknya, Anda harus menyentuh tempat yang Anda inginkan untuk membuka bilah geser. Saya ingin menghindari bertukar ke UI seluler jQuery, yang mendukung sentuhan dan seret, karena kami sudah banyak menggunakan UI jQuery (non-seluler).

Fungsionalitas yang kami inginkan: Berikut
Apa yang kami gunakan: Di sini

Di desktop Anda tidak bisa membedakannya. Di perangkat seluler, itu terlihat.

Adakah yang tahu bagaimana menambahkan dukungan ini ke jquery UI?

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

jQuery ui tidak memiliki dukungan sentuh. Anda harus menggunakannya dengan touch punch jQuery-ui .

Cukup tambahkan skrip setelah 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>

Anda juga dapat menggunakan 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>

Catatan: Lebih baik berikan repo ini bintang di Github.

Anda bisa menautkan js ini.

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

Terima kasih.