触摸设备上使用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直接应用到触摸设备上,那就用它吧。

 

posted @ 2013-05-29 16:20  Follow-your-heart  阅读(333)  评论(0编辑  收藏  举报