10个很棒的jQuery Mobile插件

这里有一些很棒的jQuery Mobile插件。 它们针对移动网站进行了优化，并允许您执行以下功能：移动滑动触摸，移动设备检测，移动浏览器检查，移动图像库，移动拖放，移动触摸滚动，移动Ajax调用，移动CSS调整等等！ 请享用！

与移动相关的帖子：

• 50个jQuery Mobile开发技巧
• 10个jQuery iPhone样式插件
• 10个免费手机图标集
• 10个移动演示网站

1. jQuery SwipeGallery

针对移动网站进行了优化，并支持滑动手势。 它是轻量级的插件，它允许通过仅编写几行HTML（例如，无序列表）立即创建图像库。


资源

2.适用于iOS的缩放

dragNscale插件可通过在移动平台上触摸和捏捏来使选定元素可拖动，缩放，旋转。

资源

3.触摸滚动-在iOS服务上启用内联可滚动Sontent

jQuery插件提供一种具有内联可滚动内容的方法。 它模仿了在iOS设备（iPhone，iPod touch和iPad）上滚动的行为，从而解决了“位置：固定”的问题。 在移动Safari中不起作用。 该插件仅适用于垂直滚动内容。 仅以这种方式将其设计为轻巧高效的。

资源

4.继续阅读

当页面包含折叠以下的内容时，“保持阅读”插件可用于在屏幕的右下方显示一个小标签。 这对于移动浏览器非常有用，在移动浏览器中，您可能希望在一页上使用长格式以减少网络旅行。 标签将警告用户他们需要滚动才能查看其他内容。 用户滚动页面后，“更多内容”标签将显示在动画范围之外。

资源

5.高级浏览器检查

此插件可以对浏览器进行全面检查（iPhone，iPad，iPod /移动设备/触摸设备支持/操作系统，浏览器名称和版本/插件以及ActiveX检查/ HTML5支持/ CSS3支持）

资源

6. jQuery画布加载器

使用canvas元素创建典型的ajax加载图像的替代方案。 可用于替换现有图像，也可以创建一个自定义图像，该图像将替换页面上的任何元素。 此插件在不支持动画gif的浏览器（例如Android WebKit）中很有用。
警告：此插件尚未在许多浏览器中经过测试，但可以在Mobile Safari和Android浏览器上使用。

资源

7. jQuery移动设备拖放

该项目背后的想法是创建一个拖放示例，该示例适用于普通桌面浏览器，但也支持移动设备。 该项目旨在设计一种具有移动设备支持的拖放式界面。 确切地说，大多数移动设备会“劫持” Web浏览器上的拖动动作，以提供滚动功能，使您的拖放项目静态地停留在页面上。

资源

8.将对象对准底部

使用设置的时间间隔将对象与底部对齐，我们允许iPhone兼容。

资源

9. jQuery iPhone滑动手势

使用Safari JavaScript的iPhone和iPod Touch滑动手势支持onTouchStart，onTouchMove，onTouchEnd和onTouchCancel。 该插件使用Mobile Safari内置的触摸事件来允许jQuery将滑动事件绑定到任何DOM元素。 您可以覆盖swipeLeft和swipeRight默认功能，以在检测到手势时创建自己的自定义过程。

资源

10. iPhone捏手势

使用Safari JavaScript事件的iPhone和iPod Touch捏手势支持。 一个新的插件（当前正在开发中），用于将pinch事件的jQuery绑定到任何DOM元素。

资源

请注意，这些插件已针对与iPhone，iPod，iPad，Sansung Galaxy S，Andriod和其他流行的移动设备等移动设备一起使用进行了优化。

From: https://www.sitepoint.com/10-jquery-mobile-plugins/