如何在每次點擊按鈕時增加/減少視口元值（初始比例，最大比例或最小比例）？

我開發phonegap應用程序，我已經通過Javascript使用元標記值，我需要更改元標記值（初始縮放比例，最大縮放比例或最小縮放比例）。之後它只改變一次不起作用（改變）。我在的Android 4.0.4設備上運行，並使用PhoneGap的2.9.0 下面是我的Javascript代碼如何在每次點擊按鈕時增加/減少視口元值（初始比例，最大比例或最小比例）？

$(document).ready(function() { 
    alert("Onload"); 
}); 
var scale = 1.0; 
function zoomIn(){ 
    scale++; 
    if (screen.width < 500) { 

     $('#meta-viewport').attr('content', 'width=device-width, initial-scale=' + scale 
     + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=yes'); 
    } 
} 

function zoomOut() { 
    scale--; 
    if (screen.width < 500) { 

     $('#meta-viewport').attr('content', 'width=device-width, initial-scale=' + scale 
     + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=yes'); 
    } 
}

下面是我的html代碼

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum scale=1.0, 
      minimum-scale=1.0,width=device-width, 
      height=device-height,target-densitydpi=devicedpi" /> 
     <script type="text/javascript" src="js/jquery_v1.9.1.js"></script> 
    </head> 
    <body> 
     <img id="background" src="img/bgImg.png" style="position: absolute; z-index:-1;" /> 
     <img id="carImg1" src="img/up.png" 
      style="position: absolute; left: 150px; top: 100px; z-index:1;" /> 
    </body> 
</html>

請人幫助我獲得解決這個問題。。我究竟做錯了什麼？

來源

2013-11-26 Mallikarjun

看起來你是由兩個if塊中重新聲明它隱藏正本報關scale。刪除函數聲明中的var關鍵字（或整個語句）。在JavaScript中，它們被視爲如果您已將它們聲明在函數的頂部。
將選擇器#meta-viewport更改爲meta[name="viewport"]。

來源

2013-11-26 05:12:42

刪除並再次測試Stil同樣的問題。它不會改變 – Mallikarjun

我沒有在文檔中看到與選擇器'＃meta-viewport'匹配的任何內容。也許你的意思是'meta [name =「viewport」]'？ –

是的，我會檢查並回復給你。感謝您的耐心 – Mallikarjun

如何在每次點擊按鈕時增加/減少視口元值（初始比例，最大比例或最小比例）？

回答

相關問題