How to find pinch in or pinch out using Gestures events in IOS safari in jquery?

Question

I want to implement Pinch In and Out functionality for IPAD. I've been using this events listed on http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html.

$('div.mainContainer').live("gesturestart", function(e){
   alert("start " + e.originalEvent.scale);
});
$('div.mainContainer').live("gesturechange", function(e){
   alert("change " + e.originalEvent.scale);
   e.preventDefault();
});

The above code works but could not figure out the pinch in/out.

P.S. I've tried jGestures but it does not work at all.

as per the jgestures documentation, no event gets triggered. I tried all the events. — codef0rmer, Apr 04 '12 at 13:27
have you looked at the examples [here](http://abelboy.coolpage.biz/tests/jgestures/), use a tablet and go to that sight, everything works — SpYk3HH, Apr 04 '12 at 13:29
yes, it did work but pinch out behaves abnormally - it does not invoke the callback even though a page gets zoom in. — codef0rmer, Apr 04 '12 at 13:53

score 1 · Accepted Answer · edited May 23 '17 at 12:03

1

It's seems duplicate of

javascript event for a mobile pinch/zoom action

also look at

http://chillburn.com.au/blog/enabling-the-pinch-zoom-for-the-ipad-iphone-while-using-jquery-mobile/

and

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW8

edited May 23 '17 at 12:03

Community

1
1

answered Apr 18 '12 at 07:11

Tarun

1,888
3
18
30

Thanks for zepto link. The other two links are out of the context of the question. – codef0rmer Apr 18 '12 at 07:25

How to find pinch in or pinch out using Gestures events in IOS safari in jquery?

1 Answers1