一个帮助你在触摸设备上使用jQuery UI的JS类库 - jQuery UI Touch P...
2012-07-19 00:00
477 查看
日期:2012-7-11 来源:GBin1.com
![](http://www.gbin1.com/technology/jquerynews/20120711jqueryui-touch-punch/title.jpg)
在线演示
jQuery UI是我们前台开发常用的UI前端类库,但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件。这意味着你在桌面上设计的优雅的UI可能在触摸设备,例如,ipad,iphone和 Android上并不能正常工作。因为jQuery UI监听的是mouseover,mousemove和mouseout事件,不是触摸事件,touchstart,touchmove和 touched。
为了解决这个问题,这里我们介绍jQuery UI Touch Punch类库,它通过模拟事件来将鼠标事件匹配touch事件 。你只需要简单的添加相关类库即可。非常简答,容易使用。
iPhone
Android
其它基于触摸的移动设备
.......
来源:一个帮助你在触摸设备上使用jQuery UI的JS类库 - jQuery UI Touch Punch
![](http://www.gbin1.com/technology/jquerynews/20120711jqueryui-touch-punch/title.jpg)
在线演示
jQuery UI是我们前台开发常用的UI前端类库,但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件。这意味着你在桌面上设计的优雅的UI可能在触摸设备,例如,ipad,iphone和 Android上并不能正常工作。因为jQuery UI监听的是mouseover,mousemove和mouseout事件,不是触摸事件,touchstart,touchmove和 touched。
为了解决这个问题,这里我们介绍jQuery UI Touch Punch类库,它通过模拟事件来将鼠标事件匹配touch事件 。你只需要简单的添加相关类库即可。非常简答,容易使用。
支持设备
iPadiPhone
Android
其它基于触摸的移动设备
如何使用
类库使用非常简单,引入,jQuery,jQueryUI和 jQuery UI Touch Punch类库,如下:.......
来源:一个帮助你在触摸设备上使用jQuery UI的JS类库 - jQuery UI Touch Punch
相关文章推荐
- 一个帮助你在触摸设备上使用jQuery UI的JS类库 - jQuery UI Touch Punch
- 一个帮助你在触摸设备上使用jQuery UI的JS类库 - jQuery UI Touch Punch
- 帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js
- 分享一个针对触摸设备优化的图片幻灯jQuery插件 - touchtouch
- 帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js
- 帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js
- 移动设备手势事件库Touch.js使用详解
- Touch Punch在移动设备上面增加jQuery UI的触摸支持|Jquery UI 支持移动端 触摸滑动等
- 帮助你实现移动设备上的拖拽刷新功能的javascript类库 - hook.js
- 例子:使用Grunt创建一个Node.js类库
- 一个小型js框架myJSFrame附API使用帮助
- 一个小型js框架myJSFrame附API使用帮助
- 分享一个针对触摸设备优化的图片幻灯jQuery插件 - touchtouch
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- Sencha Touch 2 官方文档翻译之 Using Device Profiles(使用设备配置)
- 使用JS写一个文字滚动效果
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- cocos2d-x js binding tips 1 使用cocosbuilder导入jsb后无法响应触摸的问题
- android学习之-----使用TouchDelegate增大触摸面积
- JS学习笔记1——不要使用JavaScript内置的parseInt()和Number()函数,利用map和reduce操作实现一个string2int()函数