jQuery用户界面滑块触摸屏&；移动设备上的拖放支持

我已经在一个项目中设计并实现了jQueryUISlider。虽然它是响应性的，但滑块不会对触摸和拖动做出响应。相反，您必须触摸滑块要移动的位置。我希望避免切换到支持触摸和拖动的jQuery移动UI，因为我们已经广泛使用jQuery（非移动）UI

我们想要的功能：
我们使用的是：

在桌面上，你无法分辨两者的区别。在移动设备上，这是显而易见的

有人知道如何将此支持添加到jquery UI吗

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

---

jQuery ui不支持触摸屏。你应该和我一起使用

只需在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>

您还可以使用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>

---

注意：最好在Github上加一颗星星。

你可以链接这个js

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

---

谢谢。

这本书的复制品可以节省我的时间！非常感谢你！这真的救了我一天！！是的，它还修复了滑块未选择正确值的错误。与rails5 android和ios设备的charme功能非常好。。它运行平稳：）一个观察结果是，在iOS设备中，当我们滑动滑块时，滑块不会滑动，但当我们松开滑块时，滑块会在该点滑动。知道为什么会这样吗？你有什么解决办法吗？