javascript - 如何在每次调用函数时检查 if/else 语句 (JavaScript)？

Question

所以我想做的是在每次调用函数时检查下面函数中的 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();

}

Answer 1

使用下面的代码片段。除非在函数内部获取宽度，否则 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();

}