Javascript 如何在每次单击按钮时增加/减少视口元值（初始比例、最大比例或最小比例）？_Javascript_Android_Html_Css_Cordova

Javascript 如何在每次单击按钮时增加/减少视口元值（初始比例、最大比例或最小比例）？

javascript android html css cordova

Javascript 如何在每次单击按钮时增加/减少视口元值（初始比例、最大比例或最小比例）？,javascript,android,html,css,cordova,Javascript,Android,Html,Css,Cordova,我正在开发phonegap应用程序，因为我已经通过Javascript使用了元标记值，我需要在点击按钮时更改元标记值（初始刻度、最大刻度或最小刻度）。在那之后只改变一次是不起作用的（改变）。我在安卓4.0.4设备上运行它，并使用Phonegap 2.9.0 下面是我的Javascript代码 $(document).ready(function() { alert("Onload"); }); var scale = 1.0; function zoomIn(){ scale++

我正在开发phonegap应用程序，因为我已经通过Javascript使用了元标记值，我需要在点击按钮时更改元标记值（初始刻度、最大刻度或最小刻度）。在那之后只改变一次是不起作用的（改变）。我在安卓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');
    }
}

$（文档）.ready（函数（）{
警报（“超负荷”）；
});
var标度=1.0；
函数zoomIn（）{
scale++；
如果（屏幕宽度<500）{
$（“#元视口”）.attr（'内容'，'宽度=设备宽度，初始比例='+比例
+“，最大刻度=”+scale+”，最小刻度=“+scale+”，用户可缩放=是”）；
}
}
函数zoomOut（）{
比例--；
如果（屏幕宽度<500）{
$（“#元视口”）.attr（'内容'，'宽度=设备宽度，初始比例='+比例
+“，最大刻度=”+scale+”，最小刻度=“+scale+”，用户可缩放=是”）；
}
}

下面是我的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>

请任何人帮我解决这个问题我做错了什么

通过在两个

if

块中重新声明，似乎隐藏了原始声明

scale

。删除函数声明中的

var

关键字（或整个语句）。在JavaScript中，它们被视为是在函数顶部声明的

将选择器

#meta viewport

更改为

meta[name=“viewport”]

通过在两个

if

块中重新声明，似乎隐藏了原始声明

scale

。删除函数声明中的

var

关键字（或整个语句）。在JavaScript中，它们被视为是在函数顶部声明的

将选择器

#meta viewport

更改为

meta[name=“viewport”]

移除并再次测试仍然存在相同问题。它没有变化，我在您的文档中没有看到任何与选择器

#元视口匹配的内容。也许你的意思是meta[name=“viewport”]
？是的，我会检查一下，然后再回来找你。谢谢你的耐心是的，我改了。。现在它可以正常工作了。还有一个问题，先生。。使用背景图像按钮也可以进行缩放。有没有办法只改变特定图像的比例？很好。我会更新我的答案。就背景图像而言，我只知道您可以修改背景大小
。删除并再次测试仍然存在相同的问题。它没有变化，我在您的文档中没有看到任何与选择器#元视口匹配的内容。也许你的意思是meta[name=“viewport”]
？是的，我会检查一下，然后再回来找你。谢谢你的耐心是的，我改了。。现在它可以正常工作了。还有一个问题，先生。。使用背景图像按钮也可以进行缩放。有没有办法只改变特定图像的比例？很好。我会更新我的答案。至于背景图像，我只知道您可以修改背景大小
。