jquery - iframe 加载功能在 .append 上启动

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");
});​