触摸设备上使用jQuery UI

由于项目需要所以找了一些资料，可以在移动设备上使用jQuery UI，但是由于目前触摸设备不支持jQuery UI类库，因为触摸事件是touchstart，touchmove和touched，而不是mouseover、mousemove和mouseout。

为了解决这个问题，我们可以用jQuery UI Touch Punch类库，它通过模拟事件来将鼠标事件匹配touch事件，而且使用起来很方便。

支持的设备有以下几种噢：iPad、iPhone、Android、其它基于触摸的移动设备。

接下来就是怎么使用类库：

引入jQuery，jQueryUI和 jQuery UI Touch Punch类库：

1 <script src="http://code.jquery.com/jquery.min.js"></script>
2 <script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
3 <script src="jquery.ui.touch-punch.min.js"></script>

jQueryUI Touch Punch

调用jQuery UI：

<script>$('#widget').draggable();</script>

jQuery UI

没有做之前总是觉得实现不了，很难，实现了才觉得很简单！
如果你希望把jQuery UI直接应用到触摸设备上，那就用它吧。

 

转载于:https://www.cnblogs.com/ToFlying/archive/2013/05/29/3106193.html