我如何知道iframe/popup內容已加載/準備好？

Question

我有2個問題：

• 我怎麼知道該幀的內容準備/加載（如$(document.ready())）？

• 我怎麼知道彈出窗口（window.open()）內容已準備就緒/已加載（如$(document.ready())）？

谷歌稱，可以幫助$("iframe").load()，但我不明白的負載回調將如何

Answer 1

DEMO - iframe

使用load()的問題是012可能已經在jQuery運行之前加載了，因此不會觸發該函數。解決這個問題的一種方法是，在iframe中最初不加載任何內容（about：blank），然後使用jQuery更改src屬性以使iframe指向期望的位置。

DEMO - window.open（禁用這個演示彈出式窗口攔截）

我不知道ready()是否可以使用跨域。當在同一個域上加載popup/iframe時，可以使用子頁面上的腳本向父窗口報告它已「準備就緒」。

Answer 2

被調用時的iFrame將負載：

$("#iframe-id").load(function(){ 
    //The iFrame content is loaded 
})