不能在jQuery中改变div的高度

时间:2015-12-07 13:49:45

标签: javascript jquery html css

<div id="wraptop">
<img id="imgtop" src="imgtop/01.jpg" alt="img">
<div id="divcenter">
...
</div>
</div>

CSS

#divcenter{
    position:absolute;
    z-index:1;
    width:50%;
    left:25%;
    top:25px;
}

JS

$(window).load(function() {
    var a = $("#imgtop").height() - 30;
    alert (a);  // 637
    $("#divcenter").css("height", a + "px"); //doesn't work
    var b = $("#divcenter").height(); 
    alert (b);  // doesn't work
});

divcenter的高度没有改变 此外,第一个警报有效,但第二个没有 控制台是空的。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

试试这个

$(window).load(function() {
var a = $("#imgtop").height() - 30;
alert (a);  // 637
$("#divcenter").css({"height": a }); //doesn't work
var b = $("#divcenter").height(); 
alert (b);  // doesn't work
});