Question

说我有这段代码：

var jqiFrame = $('<iframe name="jqiframe" id="jqiframe" src="about:blank"></iframe>');
$('body').append(jqiFrame);
jqiFrame.load(function() {
    // Some code
});

如何才能使.load函数仅在实际加载iFrame时启动，而不是在将其附加到正文空白时启动？

Answer 1

您最初无法设置src属性，但稍后会这样做。

var jqiFrame = $('<iframe name="jqiframe" id="jqiframe"></iframe>');
$('body').append(jqiFrame);
jqiFrame.load(function() {
    // Some code
});

你也可以在追加之前移动你的负载。

Answer 2

你也可以在准备就绪时显示它（否则隐藏）：

CSS：

iframe{
    display:none;
}

脚本：

var jqiFrame = $('<iframe name="jqiframe" id="jqiframe" src="http://www.stackoverflow.com"></iframe>');
$('body').append(jqiFrame);

jqiFrame.load(function() {
    alert("loaded");
    $("iframe").css("display","block");
});

iframe加载函数在.append上启动

2 个答案: