Jquery(window).load完成后如何执行功能答案

【问题标题】：How to perform function after Jquery (window).load is completeJquery(window).load完成后如何执行功能
【发布时间】：2011-06-02 06:59:47
【问题描述】：

我正在尝试在 iframe 加载后淡入 div。 iframe 在窗口加载后被调用。

我可以很好地加载 iframe，但我不知道如何在加载完成后使 div 淡入。提前感谢您的帮助。

这是我尝试过的，但没有发生 html 之后的加载功能

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

【问题讨论】：

标签： jquery load

【解决方案1】：

Javascript callback when IFRAME is finished loading?

【讨论】：

【解决方案2】：

默认将#ad 设置为display:none;。然后尝试以下操作。

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

【讨论】：

尝试了 3000 毫秒的淡入，但它似乎不起作用。感谢您的建议。

【解决方案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();

【讨论】：