Как я могу увеличить масштаб pinchIn/pinchOut в jQuery Mobile?

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 
}