响应式 jQuery - if else 中的变量答案

【问题标题】：Responsive jQuery - variable inside an if else响应式 jQuery - if else 中的变量
【发布时间】：2013-10-29 16:59:20
【问题描述】：

我希望根据窗口宽度更改我的变量。如果窗口宽度低于 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

【问题讨论】：

在 if 语句之外用一个基值声明你的变量，然后在 if 语句中更新它们（就像你已经做的那样）。这可能会帮助你
您看到了什么错误？
这似乎不会导致任何错误？
我得到 'watch_shelf_height' 已经定义，我的一些代码引用了 if，一些 else .. @satpal 的回答解决了这个问题。语法技术我敢肯定..
那你做错了什么，因为 if/else 的两个部分都无法执行，那会完全失败？

标签： jquery variables if-statement

【解决方案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;
}

【讨论】：

完美！谢谢。如果您不介意我问的话，这是什么原因而我的不是？
好像跟我一模一样？