如何縮放jQuery Mobile中的pinchIn/pinchOut？

Question

我寫過這些事件。我沒有得到如何以編程方式執行pinchIn pinchOut。請幫幫我。我正在使用TouchSwipe插件。我試過了：

pinchIn: function(event, direction, distance, duration, fingerCount, pinchZoom) { 
    console.log('pinchIn'); 
    $(this).css('zoom','1.5');   
}, 
pinchOut:function(event, direction, distance, duration, fingerCount, pinchZoom) { 
    $(this).css('zoom','1.0'); 
    console.log('pinchOut');   
}, 

Answer 1

這是因爲你設置了css（）函數來每次放大一個靜態量。每次事件觸發時，您都應該添加一些增量，所以您每次都會「進一步」放大。下面是我的意思是一個非常簡單的例子：

http://jsfiddle.net/x4gkoeos/

因此，例如

var pinchAmount = 0; // not sure what you'd set this to for your use case 

pinchIn: function(event, direction, distance, duration, fingerCount, pinchZoom) { 
    console.log('pinchIn'); 
    $(this).css('zoom', pinchAmount);  
    pinchAmount = pinchAmount + 1 // Or whatever you want the increment to be, I'm guessing 1 
}