jquery height는 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); 
});