jquery - 使用 JqueryMobile 对图像进行缩放放大/缩小效果

Question

我必须使用 jqueryMobile 插件在图像上添加捏放大/缩小效果的功能，有人可以帮忙吗？

非常感谢，

——布洛克

Answer 1

这在 jQuery Mobile 上是可能的，但您需要使用名为hammer.js的第3 方实现。

它支持大量手势，例如：

• 抓住
• 轻敲
• 双击
• 拖动，dragstart，dragend，dragup，dragdown，dragleft，dragright
• 滑动，向上滑动，向下滑动，向左滑动，向右滑动
• 变换，变换开始，变换结束
• 旋转
• 捏，捏，捏
• 触摸（手势检测开始）
• 释放（手势检测结束）

例子：

$('#test_el').hammer().on("pinchin", ".nested_el", function(event) {
    console.log(this, event);
});

$('#test_el').hammer().on("pinchout", ".nested_el", function(event) {
    console.log(this, event);
});

它适用于 jQuery Mobile，这很重要。但是您应该考虑其他一些想法，或者至少是针对 Android 2.X 设备的另一个想法，因为该平台不支持多点触控事件。

还有一些其他的 3rd 方实现，例如Touchy。不幸的是，Touchy 只支持捏合。