使用JqueryMobile对Image进行缩放ZoomIn/ZoomOut效果

Question

我必须使用jqueryMobile插件在图像上添加Pinch ZoomIn/Out效果的功能,任何人都可以帮忙吗？

非常感谢,

--Brock

Answer 1

它可以在jQuery Mobile上使用,但您需要使用名为hammer.js的第三方实现.

它支持大量的手势,如:

• 保持
• 龙头
• 双击
• 拖动,拖拽,拖拽,拖动,拖拽,拖拽,拖拉
• 滑动,swipeup,swipeown,swipeleft,swiperight
• 变换,变革开始,变革
• 回转
• 捏,pinchin,pinchout
• 触摸(手势检测开始)
• 释放(手势检测结束)

例:

$('#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只支持捏.