Bal*_*r M 3 android ios jquery-mobile pinchzoom ibm-mobilefirst
我需要使用jquery Mobile创建一个移动应用程序.我不明白如何为应用程序中显示的图像实现捏缩放.
有没有特别的理由为此使用jQuery Mobile?您的应用程序UI使用它来构建UI的事实并不意味着需要使用它来实现此行为.
还有其他选项,比如下面的jQuery插件.请注意,默认情况下,Worklight应用程序使用jQuery.所以你在那里"中途".
我已成功使用Panzoom jQuery插件在iOS中使用捏合手势放大图像.
插件有很多选项,因此有一个学习曲线,但效果很好.
来自网站:
Panzoom包括对触摸手势的支持,甚至还支持用于缩放的捏合手势.它非常适合移动和桌面浏览器.你会对你在移动设备上的表现感到惊讶.
支持iOS和Android.
作为一个非常基本的测试(需要添加选项以使夹点缩放按需工作),我这样做:
共同\ index.html:
...
<head>
...
<script src="js/jquery.panzoom.min.js"></script>
</head>
<body>
<div class="panzoom-elements">
<img src="http://img2.wikia.nocookie.net/__cb20130627213136/halonocanon/es/images/2/2e/Halo_Wars_Spartan.png"/>
</div>
...
...
</body>
Run Code Online (Sandbox Code Playgroud)
共同的\ js\main.js:
function wlCommonInit(){
$(".panzoom-elements").panzoom({ });
}
Run Code Online (Sandbox Code Playgroud)
同样,您需要使用选项来获得您正在寻找的缩放体验.