javascript - 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

滚动

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 
    }
});