jQueryの高さの問題

Question

おそらくエラー、私のjQuery/JSはそれだけではありません。どのようにこの作品を作るためのアイデア？ ！現在、それは正しく背景色を設定しているが、高さが同じ:(

<script type="text/javascript"> 
$(document).ready(function() { 
    var inside_height = $(".inside").height() - 500; 
    $(".artists").height(inside_height).css(backgroundColor:"green"}); 
}); 
</script> 

おかげまま

Answer 1

使用$(window).load(function())代わりに。

<script type="text/javascript"> 
$(window).load(function() { 
    var inside_height = $(".inside").height() - 500; 
    $(".artists").height(inside_height).css(backgroundColor:"green"}); 
}); 
</script> 

Answer 2

<script type="text/javascript"> 
$(document).ready(function() { 
    var inside_height = $(".inside").height() - 500; 
    $(".artists").height(inside_height).css("background-color", "green"); 
}); 
</script> 

Answer 3

私は、この例はあなたを助けるかもしれないと思う

のJs：！

css：

.inside{ 
    width:100px; 
    Height:600px; 
    background:#000; 
    float:left; 
} 
.artists{ 
    width:100px; 
    float:left; 
} 

HTML：

<div class="inside"></div> 
<div class="artists"></div>