jQuery UI滑块在移动设备上触摸和拖放支持

我已经将jQuery UI滑块样式化并实现为一个项目。 虽然它是移动和适当的规模，它不允许轻拍和拖动。 相反，你必须触摸你想要滑块去的地方。 jQuery的移动用户界面支持这一点，但我有时间投入已经有的东西。

我们想要的function： 这里
我们正在使用的是： 这里

在桌面上，你不能分辨。 在移动设备上显而易见。

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

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

谢谢，Seth

Answer 1

jQuery的ui没有触摸支持。 你应该用jQuery-ui touch punch来使用它。

只需在jQuery ui之后添加脚本：

 <script src="ajax/jQuery/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> 

谢谢。