jquery - 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);

}

score 1 · Accepted Answer

我将在 JQuery 调用之外管理增量：

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

score 1 · Accepted Answer

您的问题中的一行：

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

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

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

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

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

你的错误暴露了问题：

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

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

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

2 回答 2