JQuery Mobile捏和縮放iOS

Question

我正在用JQuery Mobile和Phonegap構建iPhone應用程序。如何啓用捏和縮放手勢？

我這個試了一下：

$(document).bind('mobileinit', function(){ 
     alert('mobileinit2'); 
     $.mobile.metaViewportContent = 'width=device-width, minimum-scale=1, maximum-scale=2, user-scalable=yes'; 

     $.extend($.mobile.zoom, {locked:false,enabled:true}); 
     alert('/mobileinit'); 
}); 

但它不爲我工作。

謝謝

Answer 1

你想放大整個應用程序或只是一個div裏面嗎？

如果是第二次，嘗試用iScroll

iscroll

Answer 2

嘗試這樣的事：

var con=document.getElementById('containerId'); 

con.addEventListener('gesturechange',function(e){ 
    if(e.scale>1) 
    { 
     //zoom in 
    } 
    else if(e.scale<1) 
    { 
     //zoom out 
    } 
});