jquery - 使用 Jquery Mobile 对图像进行捏合放大/缩小效果

Question

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

非常感谢

--布洛克

Answer 1

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

它支持大量手势，例如:

• 按住
• 点击
• 双击
• 拖动、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 设备的另一种想法，因为该平台不支持多点触控事件。

还有一些其他第三方实现，例如 Touchy 。不幸的是，Touchy 仅支持捏合。