jQuery - Réglez min-height de div

Question

Ceci est probablement très facile pour la plupart d'entre vous. Mais j'ai besoin d'un petit fragment qui cherche la hauteur actuelle d'un div (le div a une hauteur dynamique basée sur le contenu qu'il contient) , puis définissez cette valeur dans la valeur min-height de la classe css.

Fondamentalement, ce que cela signifie est que je veux ce récipient pour avoir son min-height être exactement la même valeur que sa hauteur actuelle. Ceci est probablement un rapide :)

Answer 1

juste une preuve de concept!

 // attend for dom ready 
    $(function() { 
     // hide .foo before we get it's height 
     $('.foo').hide(); 
     // get the height, also the one mentioned below is a good one! 
     var foo_height = $('.foo').height(); 
     // see if the actual height respect our needs! esample 180px 
     if (foo_height > 180) { 
      // set the height and show it! 
      //$('.foo').css('height', foo_height + 'px').show(); OR try 
      $('.foo').height(foo_height).show(); 
     } else { 
      //do something else here 
      } 
}); 

cela devrait fonctionner comme prévu!

Answer 2

Si je comprends bien, vous pouvez effectuer les opérations suivantes:

$(".foo").css("min-height", function(){ 
    return $(this).height(); 
}); 

Answer 3

var elt = document.getElementById("<%= this.your_element_id.ClientID %>"); 
elt.style.minHeight = elt.clientHeight + 'px';