Chiều cao jQuery() trả về 0 trên div hiển thị - tại sao?

Question

Tôi có một vùng chứa (thetext1) với chiều cao được đặt là 360px. "thetext1" chứa hai div - một ở bên trái và một được thả sang bên phải - vào cả hai nội dung được phân phối thông qua cuộc gọi ajax.

Sẽ có những lúc nội dung trong một hoặc các div khác vượt quá 360px và vì vậy tôi muốn tăng chiều cao của thetext1 cho phù hợp.

mã kiểm tra của tôi

newhgt = $('#thetext1').find('div.rhs').css("background", "pink").height(); 

lợi nhuận 0 - (selector của tôi là đúng như div nhắm mục tiêu là hoàn toàn màu hồng!).

Tại sao điều này? Tôi biết - từ câu trả lời cho các bài đăng trước trên trang web này - rằng giải pháp là thêm tràn: ẩn thetext1, nhưng tôi muốn hiểu lý do tại sao nỗ lực của tôi để có được chiều cao của rh và div lhs là không.

Answer 1

Hãy chắc chắn rằng mã là bên trong $ (window) .load [không $ (document) .ready]

$(window).load(function() { 
    newhgt = $('#thetext1').find('div.rhs').css("background", "pink").height(); 
}); 

Answer 2

Mã của bạn có vẻ là đúng, đây là bản demo

http://jsfiddle.net/VWBrf/1/

làm việc

Answer 3

Bạn vẫn có thể sử dụng $ (tài liệu) .ready miễn là bạn kiểm tra xem liệu phần tử có được tải trước hay không. Tôi đã chọn để đi với

$("_element name/id_").load(function() { 
     $(this).height(); 
}); 

tôi ban đầu được tìm thấy giải pháp ở đây: http://www.fortwaynewebdevelopment.com/jquery-width-or-height-always-returns-0-fix/

Và đã chọn để sử dụng các câu trả lời trong câu trả lời đầu tiên.

Answer 4

Tôi đã gặp vấn đề tương tự và tôi nhận thấy một điều, div cần hiển thị khi bạn gọi .height();

Nhưng, ngay cả khi div hiển thị, cha mẹ của div này cần được hiển thị. Vì vậy, bạn phải garantee rằng cha mẹ div có thể nhìn thấy (hiển thị! = None)

viết một $('#div').parent().show(); sẽ làm cho cha mẹ có thể nhìn thấy, bạn có thể cần anothers parent().show();

Answer 5

newhgt = $('#thetext1').find('div.rhs').css("background", "pink")[0].getBoundingClientRect().height;