jquery height döndürür 0

Question

JQuery'in height özelliği her zaman 0 değerini döndürür. Bootstrap ile birlikte kullanıyorum. Çatışma olacağından emin değil. Birkaç çevrimiçi önerilen çözümden geçtim ama düzeltmedim. Aşağıda kod display: none olabileceğini

/*html */ 
<div class="hidden-sm hidden-md hidden-lg" class="mobNewsEvents"> 
<div class="row"> 
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
<h3 style="text-align: center;">Events</h3> 
<div class="mobEvents"> //need to get the height of this div element 
<ul> 
    <li>...</li> 
</ul> 
</div> 
</div> 
</div> 
</div> 

/*script*/ 
(function($){ 
$(window).load(function(){ 
    var temp = $('.mobEvents').height(); 
    alert(temp); 
}); 
})(jQuery); 

Answer 1

class="hidden-sm hidden-md hidden-lg" ipuçları parçacıkları bulunmaktadır. Bu durumda, height mevcut değildir. Göster onu, ölç ve sakla.

Answer 2

Bunun yerine aşağıdakileri deneyin. window.load, belge öğelerini ele almak için iyi bir yol değildir.

$(document).ready(function(){ 
    var temp = $('.mobEvents').height(); 
    alert(temp); 
}); 

Aynı sınıfa sahip birden fazla öğeniz varsa, yalnızca ilk öğeyi alır.

$(document).ready(function(){ 
    var temp = $('.mobEvents':First).height(); 
    alert(temp); 
}); 

veya alternatif kullanabileceğiniz

$(document).ready(function(){ 
    var temp = $('.mobEvents').attr("height").value(); 
    alert(temp); 
});