Несоответствие между выводами из Firefox и Chrome для 'console.log'

Question

Почему Firefox дает мне правильный вывод, а Chrome нет?

Я пытаюсь найти высоту элемента div, который не был указан ни в таблице стилей, ни где-либо еще.

Chrome дает мне целочисленное значение '20', но firefox дает мне правильное значение (с использованием firebug) 516.

Это код, который я использую для генерации console.log:

var img_h = $("#pics").height();
    console.log(img_h);

<div id="pics" width="100%">
        <img src="image1.jpg" width="45%">
        <img src="image2.jpg" width="45%">
    </div>

Мысли

Answer 1

Если вы хотите, чтобы изображения загружались, вместо document.ready вы должны использовать window.onload, например:

$(window).load(function() {
  var img_h = $("#pics").height();
  console.log(img_h);
});

Самым заметным отличием является то, что изображения (не создаются динамически!) Загружаются и готовы к выполнению этого кода.

Answer 2

Это не решение, но я оставляю его, так что никто больше не предлагает его.

---

Не уверен, попробуйте обернуть jquery в готовую оболочку doc:

$( document ).ready(function(){
    //your code
});

Просто теория, но может случиться так, что элемент еще не загружен во время запуска console.log.