使用JavaScript变量在JQuery中设置样式

Question

我无法使用以下代码示例

var iZoomValue = Math.round(window.innerWidth/12.5);

$('body').css("zoom",iZoomValue);

有什么建议我在这里做错了吗？

关于CSS Zoom

的更多信息

Answer 1

确保在文档准备就绪时触发了您的代码：

$(document).ready(function(){
 // code here
});

请记住，zoom是CSS3规范中的一项相当新功能，目前并非所有浏览器都支持此功能。

Here's a working example（适用于Chrome浏览器）

Answer 2

不确定在jQuery document.ready中这样做会解决它，因为OP已经说过如果他使用硬编码值就可以了：

$('body').css("zoom","82");

我的感觉是iZoomValue没有设置为你认为的样子 - 也许是一个警报或者console.log会帮助断言这个吗？

或者jQuery css方法接受字符串参数值（如在硬编码示例中）。 iZoomValue将是一个数字，因此结果将是

$('body').css("zoom",82);

使用带有整数的硬编码示例作为断言的参数可能是值得的。

希望这有帮助