jquery .width() chrome và safari vấn đề

Question

Tôi đã đặt css chiều cao của hình ảnh thành một giá trị nhất định và chiều rộng tự động sửa đổi sao cho tỷ lệ khung hình được giữ nguyên. Tôi đang sử dụng hàm .width() jquery để lấy chiều rộng của hình ảnh sau khi css thay đổi kích cỡ hình ảnh. trong trình duyệt Firefox và trình duyệt internet, công trình này tuyệt vời nhưng trong chrome và safari chiều rộng được trả lại luôn bằng 0 cho mỗi hình ảnh. mã mà tôi đang sử dụng như sau:

var total=0; 
var widthdiv=0; 
$(function(){ 
    $('.thumb').each(function(){ 
     widthdiv=$(this).width(); 
     total+=widthdiv; 
     alert(widthdiv); //added so i can see what value is returned. 
    }); 
}); 

và css cho những hình ảnh:

#poze img{ 
    height:80px; 
    width:auto; 
    border:0px; 
    padding-right:4px;  
} 

Answer 1

Trong document.ready (mà bạn đang sử dụng) hình ảnh có thể hoặc không thể được nạp, nếu chúng không có trong bộ nhớ cache có thể là không phải là được tải. Thay vì sử dụng window.onload event khi những hình ảnh là nạp, như thế này:

var total=0; 
$(window).load(function() { 
    $('.thumb').each(function() { 
    total += $(this).width(); 
    }); 
});