jquery: assignation dynamique de la hauteur div

Question

J'ai une div avec la classe "divItemclass" .pour cette classe, j'ai mis height comme auto.Cette div contient des données (texte/images) .Maintenant je veux changer la classe à l'autre classe lorsque l'utilisateur clique sur le bouton Supprimer. J'utilise le code ci-dessous pour le faire

$("#divRoundItem").removeClass().addClass("divGlowToDelete").fadeIn(500); 

et dans mon css

.divGlowToDelete 
{ 
background-color:Red; 
border:1px solid red; 
height:auto; 
} 

Mais quand cela arrive, car j'avais donné la hauteur automatique .Il ne montre pas la couleur bg rouge pour la div.If je change la hauteur de l'auto à une hauteur fixe (ex: 20 px) .Il montre la couleur rouge bg de tant de hauteur. Mais je ne peux pas mentionner une hauteur que la longueur du contenu arrive dans le div est dynamique. Comment résoudre ceci? Je pense que ce serait bien si je peux prendre la hauteur actuelle de div et l'assigner à la nouvelle classe (divGlowToDelete) à l'exécution (lors du changement de classe)

Comment faire? merci d'avance

Answer 1

Cela fonctionnera-t-il si vous définissez la hauteur avec jQuery après avoir ajouté la nouvelle classe?

$("#roundItem") 
    .removeClass() 
    .addClass("divGlowToDelete") 
    .css("height","auto") 
    .fadeIn(500); 

Answer 2

Vous pouvez obtenir ou définir la hauteur de la div en appelant la méthode height.

Answer 3

Il est peut-être une idée pour essayer de régler la hauteur de la div < > explicitement avec jQuery quand la page se charge:

$(document).ready(function() { 
    ... 
    var $theDiv = $('#divRoundItem'); 
    $theDiv.css('height', $theDiv.height() + 'px'); 
    ... 
}); 

Answer 4

Est-ce votre problème lié à la compensation des flotteurs?

http://www.quirksmode.org/css/clearing.html