jquery - 响应式 jQuery - if else 中的变量

Question

我希望根据窗口宽度更改我的变量。如果窗口宽度低于 770 像素，我希望变量更改它们的值.. 如下所示。

虽然这是有效的，但它会导致很多错误..有没有更好/正确的方法来做到这一点？

谢谢。

var window_width = $(window).width();
if (window_width < 770){
    var watch_shelf_height = 35;
    var listen_shelf_height = 45;
    var read_shelf_height = 55;
}else {
    var watch_shelf_height = 50;
    var listen_shelf_height = 55;
    var read_shelf_height = 65;
}
// my code

Answer 1

我会这样做。在 if 语句之外声明变量。根据特定条件更改变量值。

var window_width = $(window).width();
var watch_shelf_height = 50;
var listen_shelf_height = 55;
var read_shelf_height = 65;

if (window_width < 770){
    watch_shelf_height = 35;
    listen_shelf_height = 45;
    read_shelf_height = 55;
}