2012-06-02 50 views
0

我正在使用jQuery Mobile和Phonegap構建一個Android應用程序,我希望用戶能夠放大和縮小頁面以更詳細地查看圖像。我試着搜索這個問題,但沒有給出的答案爲我工作,所以我非常感謝任何幫助。這是我在頁面的頭:使用phonegap放大android應用程序build

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

有沒有什麼辦法可以改變這個爲用戶能夠放大和縮小?

回答

0

默認情況下,縮放被禁用,因爲下面的meta標籤動態地被注入由jQuery Mobile的到您的文檔:寫出來的這個元標記

實際@content值由$控制。 mobile.metaViewportContent屬性。它的默認值是:

metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1" 

如果你想恢復變焦能力,你就必須讓最大規模大於最小覆蓋指定的刻度值或從metaViewportContent去除水垢性能得到默認行爲。

要設置屬性,您必須綁定到mobileinit事件,以便您可以根據自己的喜好設置屬性。喜歡的東西:

$(document).bind("mobileinit", function(){ 
     $.mobile.metaViewportContent = "width=device-width, minimum-scale=1, 
     maximum-scale=2"; 
}); 

或刪除刻度值:

$(document).bind("mobileinit", function(){ 
     $.mobile.metaViewportContent = "width=device-width"; 
}); 
+0

感謝您的幫助!對不起,密集,但我到底在哪裏把你的代碼?我在這方面是全新的。 – Pixelen

+0

沒有爲我工作。我嘗試了建議的代碼,但根本沒有放大。但謝謝你的嘗試 –

相關問題