jquery - 如何在jQuery Mobile中放大pinchIn/pinchOut？

我已经写了事件。我不知道如何以编程方式执行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');
},

最佳答案

这是因为您将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
}