6

jquery の height プロパティは常に 0 を返します。Bootstrap と併用しています。競合するかどうかは不明です。オンラインで推奨される解決策をいくつか試しましたが、修正されませんでした。以下はコードスニペットです

/*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);
4

2 に答える 2

10

class="hidden-sm hidden-md hidden-lg"である可能性があることを示唆していますdisplay: none。この場合heightはご利用いただけません。見せて、測って、隠して。

于 2013-10-05T19:40:07.877 に答える
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);
});
于 2013-10-05T19:46:23.837 に答える