触摸设备上使用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类库:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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>
调用jQuery UI:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<script>$('#widget').draggable();</script>
没有做之前总是觉得实现不了,很难,实现了才觉得很简单!
如果你希望把jQuery UI直接应用到触摸设备上,那就用它吧。