javascript - jquery 高度返回 0

Question

jquery 的高度属性始终返回 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);

Answer 1

class="hidden-sm hidden-md hidden-lg" 暗示这可能是 display: none。在这种情况下，height 不可用。展示它，测量它，然后隐藏它。