проблема с высотой jQuery

Question

Вероятно, ошибка, мой JQuery / JS не все это. Есть идеи, как сделать эту работу? В настоящее время он правильно устанавливает цвет фона, но высота остается неизменной: (* ​​1001 *

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

Спасибо! * * 1004

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

Думаю, этот пример может вам помочь!

Js:

 $j(document).ready(function(){
  var inside_height = $(".inside").height() - 500;
  $(".artists").height(inside_height).css({backgroundColor:"green"});
 });

CSS:

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

HTML:

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

Answer 3

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