【51CTO译文】下面这些出色的jQuery Mobile插件可供你享用。它们针对移动网站进行了优化,让你可以实现诸多功能特性,比如移动滑动触摸、移动设备检测、移动浏览器检查、移动图像库、移动拖放、移动触摸滚动、移动Ajax调用、移动CSS改动及更多!尽情享用吧!
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#p#
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绑定。
相关链接:http://plugins.jquery.com/project/pinch
注意:上述这些插件针对用于移动设备进行了优化,比如iPhone、iPod、iPad、三星Galaxy S、Andriod及其他流行的移动设备。
【51CTO.com独家译稿,非经授权谢绝转载!合作媒体转载请注明原文出处及出处!】