jqueryの高さは0を返す

Question

jqueryのheightプロパティは常に0を返します。これはBootstrapと一緒に使用しています。それが紛争かどうかはわかりません。私はいくつかのオンラインで推奨されている解決策を経験しましたが、修正しませんでした。次のコードは、これがdisplay: noneかもしれないと

/*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"ヒントスニペットです。この場合、heightは利用できません。それを表示し、測定し、それを隠す。

Answer 2

次の代わりにお試しください。 window.loadはドキュメント要素を処理する良い方法ではありません。

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

同じクラスの要素が複数ある場合は、最初の要素のみが取得されます。

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

または代わりにあなたが

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