10个出色的jQuery Mobile插件

译文
开发 前端 移动开发
jQuery Mobile是一种用于开发web应用程序和移动网站的框架,旨在提供适用于多种平台的统一用户界面。前面51CTO介绍了《50个jQuery Mobile开发技巧集萃》,本文51CTO将介绍10个出色的jQuery Mobile插件。

【51CTO译文】下面这些出色的jQuery Mobile插件可供你享用。它们针对移动网站进行了优化,让你可以实现诸多功能特性,比如移动滑动触摸、移动设备检测、移动浏览器检查、移动图像库、移动拖放、移动触摸滚动、移动Ajax调用、移动CSS改动及更多!尽情享用吧!

1、jQuery SwipeGallery

 jQuery SwipeGallery

该插件针对移动网站进行了优化,支持滑动手势。它是款轻型插件:只要仅仅编写几行HTML代码,就可以立即创建图像库,比如排列无次序的图像列表。

相关链接:http://plugins.jquery.com/project/swipeGallery

2、Drag and Scale for iOS

  Drag and Scale for iOS

dragNscale插件让你只要在移动平台上进行触摸和双指张合等操作,就可以让被选择的元素拖动、扩展和旋转。

相关链接:http://plugins.jquery.com/project/dragNscale

3、Touch Scroll——能够在iOS设备上获得内嵌滚动内容

  Touch Scroll——能够在iOS设备上获得内嵌滚动内容

这个jQuery插件为获得内嵌滚动内容提供了一种方法。它模拟了在iOS设备(包括iPhone、iPod touch和iPad)上滚动的行为,以便解决“position: fixed;”在移动版Safari中无法使用的问题。这个插件只适用于垂直滚动的内容。这么设计是为了确保轻型、高效,只适合这个用途。

相关链接:http://plugins.jquery.com/project/touch-scroll

4、Keep Reading

  Keep Reading

Keep Reading插件可以用来当页面在不明显位置含有内容时,在屏幕的右下部分显示一个小小的标签。这对于移动浏览器来说非常实用,你可能希望在一个页面上有一个长长的表单,以便缩短网络行程。该标签会提醒用户:他们需要滚动,才能查看更多内容。一旦用户滚动了页面,“more content”(更多的内容)标签就会消失不见。

相关链接:http://plugins.jquery.com/project/keepreading

5、Advanced Browser Check

  Advanced Browser Check

这个插件可以全面检查浏览器(iPhone、iPad、iPod/移动设备/触摸设备支持/操作系统、浏览器名称和版本/插件和ActiveX检查/HTML5支持/CSS3支持)。

相关链接:http://plugins.jquery.com/project/advbrowsercheck#p#

6、jQuery Canvas Loader

  jQuery Canvas Loader

使用画布元素来创建典型的ajax装入图像之外的替代图像。可以用来更换现有的图像,或者你可以创建自定义图像,取代页面上的任何元素。对于不支持动画图片的浏览器来说,这个插件很有用,比如WebKit for Android。

提醒:这个插件还没有在许多浏览器中得到测试,但它在移动版Safari和Android浏览器上的确可以使用。

相关链接:http://plugins.jquery.com/project/canvas-loader

7、jQuery Mobile Device Drag And Drop

  jQuery Mobile Device Drag And Drop

这个项目背后的想法是,创建一个可以在普通桌面浏览器上使用的拖放实例,但又支持移动设备。这个项目旨在设计一种拖放式的界面,又支持移动设备。确切地说,大多数移动设备会“劫持”在web浏览器上拖动这个操作,以便提供滚动功能,这样你的拖放项在页面上保持静止。

相关链接:http://plugins.jquery.com/project/mobiledraganddrop

8、Align Object to Bottom

  Align Object to Bottom

Align an Object to Bottom使用设定的时间间隔,这样我们可以实现与iPhone兼容。

相关链接:http://plugins.jquery.com/project/AlignToBottom

9、jQuery iPhone Swipe Gestures

  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

  iPhone Pinch Gestures

使用Safari JavaScript事件,支持iPhone和iPod Touch双指张合手势。一款新的插件(目前在开发当中)可以实现双指张合事件与任何DOM元素的jQuery绑定。

相关链接:http://plugins.jquery.com/project/pinch

注意:上述这些插件针对用于移动设备进行了优化,比如iPhone、iPod、iPad、三星Galaxy S、Andriod及其他流行的移动设备。

【51CTO.com独家译稿,非经授权谢绝转载!合作媒体转载请注明原文出处及出处!】

责任编辑:佚名 来源: 51CTO
相关推荐

2012-06-04 15:24:56

jQuery

2011-11-25 09:09:22

jQuery

2011-09-14 16:40:44

jQuery

2011-12-31 10:26:19

jQuery Mobi插件

2012-03-19 16:50:03

jQuery插件

2011-07-20 13:37:14

2013-11-28 09:38:04

移动开发jQuery Mobi

2011-08-01 15:18:45

jQuery

2011-07-19 17:09:44

jQuery Mobi事件

2011-07-20 14:11:24

响应布局jQuery Mobi

2011-10-10 14:05:08

jQuery插件

2011-06-28 09:24:44

jQuery

2011-05-16 09:30:38

jQuery

2013-08-21 09:50:19

Windows 8

2011-07-19 15:01:16

jQuery Mobi易用性

2011-01-21 07:22:48

jQuerywebJavaScript

2012-11-15 10:18:51

IBMdw

2011-09-02 10:41:51

2011-07-19 14:51:54

jQuery Mobi特性

2011-07-19 17:03:31

jQuery Mobi默认配置
点赞
收藏

51CTO技术栈公众号