jQuery UI滑块在触摸设备上

我正在使用jQuery UI开发一个网站,我的网站上有几个元素,看起来不兼容,当在触摸屏设备上查看时;它们不会导致任何错误,但是行为不是它应该是什么。

所讨论的元素是由jQuery UI定义的滑块和范围滑块;在触摸屏上,代替将触摸注册为拾取手柄和拖动作为拖动手柄跨过滑动器,它只是将整个网页滑动到屏幕的一侧。它可以工作,如果你点击手柄,然后点击滑块上你想要的手柄结束的位置,但这是非常缓慢,不理想。有任何想法吗?

我尝试下载jqtouch插件,然后附加.touch([…])到所有调用slider()和rangeslider(),但是没有工作。

谢谢!

更新:我在jQuery UI网站上找到这个“补丁”

http://bugs.jqueryui.com/ticket/4143

它说它促进iPhone上的滑块,但现在又一个愚蠢的问题:我如何将这个“补丁”纳入我的代码?我只是把它包含在代码的开头像一个插件?

这个库似乎提供你所寻找的:

https://github.com/furf/jquery-ui-touch-punch#readme

它还有一些使用代码的例子(只需添加插件):

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script src="jquery.ui.touch-punch.min.js"></script>
<script>
  $('#widget').draggable();
</script>
http://stackoverflow.com/questions/6360249/jquery-ui-sliders-on-touch-devices

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:jQuery UI滑块在触摸设备上