2009-07-09 8 views
0

Probablement erreur, mon jQuery/JS n'est pas tout cela. Des idées pour faire ce travail? ! Actuellement, il est le réglage correct de la couleur de fond, mais la hauteur reste la même :(jQuery hauteur problème

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

Merci

+1

Pourquoi est-il une accolade après vert? – rahul

+0

Quelle est la valeur de inside_height? Combien y a-t-il d'objets avec la classe "inside"? Si plus d'un, height() retourne juste la première hauteur, ou voulez-vous faire cela pour plus d'un? Pouvons-nous voir le code HTML sur lequel il fonctionne? –

+0

Il n'y a qu'une hauteur. Le problème est la ligne ci-dessous je crois, parce que si je remplace inside_height avec une valeur numérique, il ne sera toujours pas définir la hauteur. – James

Répondre

1

utilisation $(window).load(function()) à la place.

Modifier à

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

Je pense que cet exemple peut vous aider

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>