Đây là tình hình:
$(document).ready(function(){
// this will return different result
alert($('#foo').width());
// than this !!!
setTimeout(function(){
alert($('#foo').width());
}, 1000);
});
CSS (trong <head>
mục):
<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
... and
#foo {
font-family: 'Headland One', serif;
}
Khi tôi sử dụng phông chữ chuẩn (Arial ví dụ) mọi thứ đều tốt (.width()
trả lại kết quả tương tự trong cả hai trường hợp)
Có cách giải quyết khác với setTimeout
để nhận đượcthích hợp không Giá trịvà giữ phông chữ tùy chỉnh?
Bạn có thể hiển thị 'foo' là gì (liên quan đến cách thức phần tử được xác định) và nếu có bất kỳ sự kiện nào được đính kèm với nó không? –
Tìm thấy mục này: http://stackoverflow.com/questions/5539602/cant-get-right-width-or-outerwidth-of-label-element –
@OfirBaruch thực sự anh ấy có cùng vấn đề với tôi – Peter