Question

我想在iOS iphone jqm 1.3.2 app上启用jquery mobile的标准缩放效果。

我已经尝试过了：

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

和

$(document).on("mobileinit", function () {
             $.mobile.defaultPageTransition = 'none';
             $.mobile.defaultDialogTransition = 'pop';

             $.mobile.pageLoadErrorMessage = 'Seitenladefehler';
             $.mobile.loadingMessage = 'Lädt...';
             $.mobile.dialog.prototype.options.closeBtnText = "Schließen";
             $.mobile.page.prototype.options.backBtnText = "Zurück";

             $.mobile.listview.prototype.options.filterPlaceholder = "Suchen...";

             $.mobile.activeBtnClass = 'unused';
             $.mobile.zoom.enabled = true;

             $.mobile.ajaxEnabled = true;

             //$.mobile.touchOverflowEnabled = true;

         });

仍然没有两个手指放大jqm应用程序内部。我错过了什么？

Answer 1

为什么不删除 最大规模：

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">

同样在iOS上，我相信用户可扩展设置为 1 而不是是，请参阅 {{3} }

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=1">

或尝试不使用用户可扩展

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0">

也许也可以通过jQuery Mobile API：

$(document).bind( "mobileinit", function(event) { $.extend($.mobile.zoom, {locked:false,enabled:true}); });

mobileinit 事件：

user-scalable spec

参见参考：

<强> http://jquerymobile.com/demos/1.0b2/docs/api/globalconfig.html

在jquery mobile上启用缩放效果

1 个答案: