jQuery：从变量中添加高度

Question

我正在尝试根据变量为几个元素添加高度。我认为这是正确的方法，但这是破坏我的javascript的行。

$('#content').css('height': '+=VariableX');

似乎有这么多不同的方法，我不确定什么是正确的。我知道，至少对于JSON来说，一切都应该围绕着它。虽然我相信原始价值，但你可以放弃报价。但最终，我希望被引导到一个指南，该指南显示了语法的最佳实践。很明显，我错了。

感谢。

如果我的计算生成错误，这里就是。它应该生成一个值，该值是调整后的容器高度（540px）与浏览器窗口高度之间的差异（浏览器窗口宽度/ 960px）。

var addHeight = windowH - (540 * (windowW / (960)));

我添加了另一行代码，因为我认为它可能因为我订购此缩放效果和添加高度的方式而破坏？也许不是。不确定是否重要。

else{

    $('#wrapper').css({'zoom': windowW / (960)});
    $('#content').css('height': '+=' VariableX);

}

Answer 1

我会管理JQuery调用之外的增量：

var VariableX = $('#content').height();
VariableX += 1;
$('#content').height(VariableX);

Answer 2

您问题中的一行：

  

我知道，至少对于JSON来说，一切都应该围绕着它。

这是Javascript，而不是JSON。 Javascript变量不应该有""，否则它们被视为字符串文字，而不是变量。

这里需要的是一个字符串，其中一部分由变量组成。这涉及使用+运算符连接：

$('#content').css('height', '+=' + VariableX);

这会构建一个由+=后跟VariableX内容组成的字符串。

---

您的错误显示了问题：

$('#wrapper').css({'zoom': windowW / (960)}),;

最后一个逗号使Javascript无效。这将使您的代码有效。

$('#wrapper').css({'zoom': windowW / (960)});