10个出色的jQuery Mobile插件
1、jQuery SwipeGallery
该插件针对移动网站进行了优化,支持滑动手势。它是款轻型插件:只要仅仅编写几行HTML代码,就可以立即创建图像库,比如排列无次序的图像列表。
相关链接:http://plugins.jquery.com/project/swipeGallery
2、Drag and Scale for iOS
dragNscale插件让你只要在移动平台上进行触摸和双指张合等操作,就可以让被选择的元素拖动、扩展和旋转。
相关链接:http://plugins.jquery.com/project/dragNscale
3、Touch Scroll——能够在iOS设备上获得内嵌滚动内容。
这个jQuery插件为获得内嵌滚动内容提供了一种方法。它模拟了在iOS设备(包括iPhone、iPod touch和iPad)上滚动的行为,以便解决“position: fixed;”在移动版Safari中无法使用的问题。这个插件只适用于垂直滚动的内容。这么设计是为了确保轻型、高效,只适合这个用途。
相关链接:http://plugins.jquery.com/project/touch-scroll
4、Keep Reading
Keep Reading插件可以用来当页面在不明显位置含有内容时,在屏幕的右下部分显示一个小小的标签。这对于移动浏览器来说非常实用,你可能希望在一个页面上有一个长长的表单,以便缩短网络行程。该标签会提醒用户:他们需要滚动,才能查看更多内容。一旦用户滚动了页面,“more content”(更多的内容)标签就会消失不见。
相关链接:http://plugins.jquery.com/project/keepreading
5、Advanced Browser Check
这个插件可以全面检查浏览器(iPhone、iPad、iPod/移动设备/触摸设备支持/操作系统、浏览器名称和版本/插件和ActiveX检查/HTML5支持/CSS3支持)。
相关链接:http://plugins.jquery.com/project/advbrowsercheck
6、jQuery Canvas Loader
使用画布元素来创建典型的ajax装入图像之外的替代图像。可以用来更换现有的图像,或者你可以创建自定义图像,取代页面上的任何元素。对于不支持动画图片的浏览器来说,这个插件很有用,比如WebKit for Android。
提醒:这个插件还没有在许多浏览器中得到测试,但它在移动版Safari和Android浏览器上的确可以使用。
相关链接:http://plugins.jquery.com/project/canvas-loader
7、jQuery Mobile Device Drag And Drop
这个项目背后的想法是,创建一个可以在普通桌面浏览器上使用的拖放实例,但又支持移动设备。这个项目旨在设计一种拖放式的界面,又支持移动设备。确切地说,大多数移动设备会“劫持”在web浏览器上拖动这个操作,以便提供滚动功能,这样你的拖放项在页面上保持静止。
相关链接:http://plugins.jquery.com/project/mobiledraganddrop
8、Align Object to Bottom
Align an Object to Bottom使用设定的时间间隔,这样我们可以实现与iPhone兼容。
相关链接:http://plugins.jquery.com/project/AlignToBottom
9、jQuery iPhone Swipe Gestures
使用面向onTouchStart、onTouchMove、onTouchEnd和onTouchCancel的Safari JavaScript事件,支持iPhone和iPod Touch滚动手势。这个插件使用移动版Safari内置的触摸事件,以便滑动事件与任何文档对象模型(DOM)元素实现jQuery绑定。你可以覆盖swipeLeft和swipeRight默认响应函数,检测到手势后,创建自己的自定义进程。
相关链接:http://plugins.jquery.com/project/swipe
10、iPhone Pinch Gestures
使用Safari JavaScript事件,支持iPhone和iPod Touch双指张合手势。一款新的插件(目前在开发当中)可以实现双指张合事件与任何DOM元素的jQuery绑定。