所以我想做的是在每次调用函数时检查下面函数中的 if/else 语句。我用
来调用它onclick="openNav()"
在我的 HTML 中。非常感谢您的帮助,如果这是一个蹩脚的问题,我很抱歉,因为我是 JavaScript 新手。
代码如下:
var intViewportWidth = window.innerWidth;
function openNav() {
$("body").css("background-color", "rgba(0,0,0,.4)");
if (intViewportWidth < 1200) {
$("header nav").css("width", "100%");
$("body").css("margin-right", "100%");
}
else {
$("header nav").css("width", "30%");
elBody.css("margin-right", "30%");
}
$("#hamburger").hide();
}
最佳答案
使用下面的代码片段。除非在函数内部获取宽度,否则 intViewportWidth 不会改变。
function openNav() {
$("body").css("background-color", "rgba(0,0,0,.4)");
var intViewportWidth = window.innerWidth;
if (intViewportWidth < 1200) {
$("header nav").css("width", "100%");
$("body").css("margin-right", "100%");
}
else {
$("header nav").css("width", "30%");
elBody.css("margin-right", "30%");
}
$("#hamburger").hide();
}
关于javascript - 如何在每次调用函数时检查 if/else 语句 (JavaScript)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38821378/