Question

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

Answer 1

有没有特别的理由为此使用jQuery Mobile？您的应用程序UI 使用它来构建UI这一事实并不意味着需要使用它来实现此行为。

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

我已经成功used the Panzoom jQuery plug-in使用捏合手势在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>

共同\ js \ main.js：

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

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

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

1 个答案: