如何在jquery（window）.load完成後執行函數

Question

我試圖在加載iframe之後在div中淡入淡出。在窗口加載完成後調用iframe。

我可以加載的iframe罰款，但我不知道如何使分區淡入後加載已完成。感謝您的幫助。

這是我做過嘗試，但以下的HTML負載的功能是不會發生

$(function() { 
    $(window).load(function() { 
     $("#ad").html("<iframe ... </iframe>").load(function(){ 
      $("#ad").fadeIn("normal"); 
     }); 
    }); 
}); 

Answer 1

Javascript callback when IFRAME is finished loading?

Answer 2

設置你的#ad到display:none;默認。然後嘗試以下。

$(function() { 
    $(window).load(function() { 
     $("#ad").html("<iframe ... </iframe>").fadeIn("normal");  
    }); 
}); 

Answer 3

您可以獲取iframe的窗口對象的句柄，然後檢查document.readyState以查看load事件是否已經觸發。如果有，它將等於「完整」。

事情是這樣的：

$('<iframe>').attr('src', '/pow.html').appendTo(document.body); 
var win = window[window.length - 1]; 

var fn = function() { console.log('loaded!') }; 
$(win).load(fn); 
if (win.document.readyState === "complete") fn();