文件準備給出錯誤的選擇高度

我想我的div元素的適當的高度，所以在代碼中，我使用：文件準備給出錯誤的選擇高度

$(document).ready(function() { 
    var h = $('.myElement.active').outerHeight(true); 
    alert('height:'+h); 
    ... // further more code to work with height 
}

但這個元素包含大量的圖片，似乎像我得到了我的警覺與高度較低比它應該是因爲圖像不能如此快地拉伸該元素的大小。如果我在幾秒鐘後要求身高，它會以正確的身高發出警報。

問題：如何獲取高度並通過檢查運行我的代碼是否所有圖像都已加載，並且是否存在一些轉換？

此致，

維塔利。

來源

2016-05-18 Vitaly Protasov

只是一個建議：你應該使用'console.log'而不是'alert'。 –

使用window.onload影像後，這個大火已經被加載

window.onload = function() { 

var h = $('.myElement.active').outerHeight(true); 
    alert('height:'+h); 
}

來源

2016-05-18 02:53:27 WannaCSharp

$(document).ready得到由DOM樹成功地構建了時間，類似在<body>的最後調用腳本觸發。那時，圖像可能仍在加載，這意味着高度無法計算。

加載完整文檔（包括圖片）後，將觸發window.onload。

window.onload = function() { 
    var h = $('.myElement.active').outerHeight(true); 
    alert('height:'+h); 
    ... // further more code to work with height 
}

來源

2016-05-18 02:57:46 MildlySerious

文件準備給出錯誤的選擇高度

回答

相關問題