jQuery UI的滑块触摸和拖/放对移动设备的支持(jQuery UI slider Touch

我已经风格，并实现jQuery UI的滑块到项目。 虽然移动和规模适当，它不允许自来水和阻力。 相反，你必须触摸要滑去。 jQuery Mobile的UI支持，但我有时间投入到什么是已经存在。

该功能，我们想： 这里
我们使用的是： 这里

在台式你不能分辨出来。 在移动设备上是显而易见的。

任何人都知道如何添加到jQuery UI的这种支持？

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

谢谢，塞思

Answer 1:

jQuery UI的不具有触摸支持。 你应该使用它的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上的明星。

Answer 2:

你可以只链接这个js。

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

谢谢。

文章来源: jQuery UI slider Touch & Drag/Drop support on Mobile devices