Высота возвращает 0 элемента в jQuery

Итак, у меня есть небольшая проблема с элементом, возвращающим высоту 0 .. Он работает, когда он находится в функции изменения размера окна, но мне нужно, чтобы загрузить это при первом загрузке, следующий код под документом готов, но он все равно не получит высоту.Высота возвращает 0 элемента в jQuery

Этот элемент скрыт для начала, поэтому я изменяю стиль элемента, чтобы он мог читать его высоту, но по какой-то причине он не будет работать. Когда я проверяю элемент проверки, он говорит, что высота равна 107px.

$(".extracoinfo") 
    .css({ 
     position: 'absolute', 
     visibility: 'hidden', 
     display: 'block' 
    }); 

    var modal_info_height = $(".extracoinfo").height(); 

    // Remove styling 
    $(".extracoinfo") 
    .css({ 
     position: 'relative', 
     visibility: 'visible', 
     display: 'none' 
    });

CSS стиль элемента

display: none; 
margin-top: 15px; 
padding-top: 10px; 
border-top: 1px solid #e4e4e4;

HTML код

<div class="extracoinfo"> 

          <h4>title</h4> 
          <p>description</p> 

          <ul class="data"> 

           <li><b>till:</b> a141</li 
           ><li><b>Minimum:</b> </li 
           ><li><b>Valid :</b> test</li> 

          </ul> 

         </div>

Я попытался с внутренней и внешней высоты также, он делает вернуть высоту набивка/маржу, но по какой-то причине он не получит высоту контента, я знаю, что он там.

источник

2016-12-12 Anders

Пожалуйста, добавьте полный код, что означает минимальный HTML, CSS JavaScript. – Ionut

Хорошо, это добавлено, но я не думаю, что это очень поможет, поскольку я упоминал, что этот код работает, когда под функцией изменения размера окна, поэтому по какой-то причине он не знает его высоты под документом, который он должен ... – Anders

Это может случиться если элементы содержат изображения.

Попробуйте с $(window).load() вместо $(document).ready()

источник

2016-12-12 15:16:24

Ха-ха, да, это работает, он знал, что это связано с этим. Но спасибо хотя :) – Anders

Попробуйте использовать:

window.onload = function() { 
 
console.log($(".extracoinfo").height()); 
 
};

источник

2016-12-12 15:19:27 Ionut

Высота возвращает 0 элемента в jQuery

ответ

Смежные вопросы