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