为什么我的JavaScript变量不起作用？

Question

这有效：

$('.sameDiv').css('width', '25%');

但这并不是：

var squaresize = 25;
$('.sameDiv').css('width', 'squaresize%');

另外，我已尝试将百分号作为变量的一部分进行尝试，但这并没有帮助。

Answer 1

$('.sameDiv').css('width', 'squaresize%');

应该成为

$('.sameDiv').css('width', squaresize + '%');

我没有测试它，但如果你只是把'squareize％'它不会尝试引用它...而是直接读它作为一个文字字符串评估“squareize％”而不是25％

Answer 2

您的代码应该是：

var squaresize = 25;

$(".sameDiv").css('width', squaresize+'%');

您的变量名称是“squaresize”。知道在向整数添加字符串时也会生成字符串，因此无需将整数转换为字符串。只需将“％”添加到变量值即可。

使用单引号，您将css设置为值'square％'作为静态值。