jQuery UI kaydırıcı Mobil cihazlarda Dokun ve Sürükle / Bırak desteği

JQuery UI kaydırıcısını zaten bir projeye biçimlendirdim ve uyguladım. Duyarlı olmasına rağmen, kaydırıcı dokunulmaya ve sürüklenmeye yanıt vermiyor. Bunun yerine, kaydırıcının gitmesini istediğiniz yere dokunmanız gerekir. JQuery (mobil olmayan) kullanıcı arayüzünü zaten yaygın olarak kullandığımız için dokunma ve sürüklemeyi destekleyen jQuery mobil kullanıcı arayüzüne geçiş yapmaktan kaçınmak istiyorum.

İstediğimiz işlevsellik: İşte Kullandığımız şey
: Burada

Masaüstünde farkı anlayamazsınız. Bir mobil cihazda belirgindir.

Bu desteği jquery kullanıcı arayüzüne nasıl ekleyeceğini bilen var mı?

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

jQuery kullanıcı arabiriminin dokunma desteği yoktur. Bunu jQuery-ui touch punch ile kullanmalısınız .

Komut dosyasını jQuery kullanıcı arayüzünden sonra eklemeniz yeterlidir:

<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>

Ayrıca cdnj'leri de kullanabilirsiniz:

<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>

Not: Bu depoya Github'da bir yıldız verin .

Bu js'yi bağlayabilirsiniz.

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

Teşekkürler.