为什么这个脚本无法运行？

Question

无论出于何种原因,从控制台运行时都可以使用:

var wh=window.innerHeight;
var h= wh-345;
$('.hidehome').attr('style', 'display:block;height:'+h+'px;width:100%');

但这不是:

$(document).ready(function() {
var wh=window.innerHeight;
var h= wh-345;
$('.hidehome').attr('style', 'display:block;height:'+h+'px;width:100%'); )};

我不知道为什么.控制台告诉我

Syntax error at line 4: expected expression, got ')'
h+'px;width:100%'); )};
--------------------^

这显然意味着我的代码出了问题,但我仍然无法理解.

Answer 1

您的括号和大括号需要切换:

$('.hidehome').attr('style', 'display:block;height:'+h+'px;width:100%'); )};
                                                                         ^^
                                                                     Right here

另外,请考虑使用以下css方法:

$('.hidehome').css({
    'display': 'block',
    'height': h + 'px',
    'width': '100%'
});