gpt4 book ai didi

javascript - 如何在每次单击按钮时增加/减少视口(viewport)元值(初始比例、最大比例或最小比例)?

转载 作者:行者123 更新时间:2023-11-28 18:02:23 26 4
gpt4 key购买 nike

我正在开发 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>

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

最佳答案

  1. 您似乎通过在两个 if block 中重新声明来隐藏原始声明 scale。删除函数声明中的 var 关键字(或整个语句)。在 JavaScript 中,它们被视为您已在函数顶部声明它们。

  2. 将选择器 #meta-viewport 更改为 meta[name="viewport"]

关于javascript - 如何在每次单击按钮时增加/减少视口(viewport)元值(初始比例、最大比例或最小比例)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20208755/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com