jQuery, belge yüküne uygun gövde yüksekliğini döndürmez - Hata mı, yoksa benim mi?

Question

$(document).ready(function() { 
var bodyHeight = $("body").height(); 
console.log(bodyHeight); 
}); 

kullanıyorum. Vücut yüksekliği için gerçekten çok tuhaf bir numara alıyorum. Daha sonra konsolda

$("body").height(); 

çalıştırın ve doğru yüksekliği elde ediyorum. Bir şey $ (document) .load bunu yaparken balık gibi görünüyor ... Evet CSS iyi çalışıyor ve hepsi, bu benim hatam, kromlar mı, yoksa jQuery'nin mi?

Answer 1

Sen $(window).load() fonksiyonu bakmak yerine $(document).ready() istiyorum: Doğru yüksekliği elde etmek istiyorsanız, tüm resimler ve nesneler takıldığında ve sayfa render edildikten sonra ateşler window.load olay denemelisiniz .

$(document).ready() olayı, tüm grafikler henüz yüklenmemiş olsa bile, HTML DOM yüklendiğinde ve hazır olduğunda çalışır. $(window).load() olayı, tüm sayfalar, nesneler ve resimler dahil olmak üzere tüm sayfa tam olarak yüklendikten sonra çalışır.

Aşağıda, farkı açıklayan mükemmel bir bağlantı var. http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

Answer 2

DOM, yüklendikten sonra ancak sayfanın tamamı oluşturulmadan önce document.ready olayını tetikler.

$(window).load(function() { 
    var bodyHeight = $("body").height(); 
});