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

Bal*_*r M 3 android ios jquery-mobile pinchzoom ibm-mobilefirst

我需要使用jquery Mobile创建一个移动应用程序.我不明白如何为应用程序中显示的图像实现捏缩放.

Ida*_*dar 5

有没有特别的理由为此使用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)

同样,您需要使用选项来获得您正在寻找的缩放体验.