使用jqueryMobile捏對圖像的ZoomIn/ZoomOut效果

Question

我必須使用jqueryMobile插件添加圖像捏放大/縮小效果的功能，任何人都可以幫忙嗎？

非常感謝，

--Brock

Answer 1

它有可能在jQuery Mobile的，但你需要使用第三方實現所謂hammer.js。

它支持大量類似的手勢：

• 持有
• 自來水
• doubletap
• 拖累，的dragstart，dragend，dragup，dragdown，dragleft，dragright
• 輕掃，swipeup ，swipedown，swipeleft，swiperight
• transform，transformstart，transformend
• 旋轉
• 捏，pinchin，尖滅
• 觸摸（手勢檢測開始）
• 釋放（手勢檢測結束）

實施例：

$('#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移動，這很重要。但是你應該考慮一些其他的想法，或者至少對於Android 2.X設備的另一個想法，因爲該平臺不支持多點觸摸事件。

還有一些其他的第三方實現，如Touchy。不幸的是，Touchy只支持捏。