如何在jQuery手机中放大小指/小指？

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
}