jquery on（ 'load'、...）が呼び出されない

Question

iframeをhtmlボディに配置すると、 'load'が呼び出されます。 しかし、bodyにiframeを追加すると、呼び出されません。 それはなぜですか、それについて何ができるのですか？

$('iframe').on('load', function() { 
    console.log("loading iframe"); 
}); 

$body.append('<iframe id="frame" src="http://lalalala.nl/index_of/content?F=2"></iframe>'); 

Answer 1

問題は、あなたが$('iframe')を呼び出すときのiframeがまだ存在していないということですので、あなたは、任意の要素に結合していません。操作の順序を逆にする。

$body.append('<iframe id="frame" src="http://lalalala.nl/index_of/content?F=2"></iframe>'); 
$('iframe').on('load', function() { 
    console.log("loading iframe"); 
}); 

iframeを切断要素として作成し、バインドしてから追加することができます。

$('<iframe id="frame" src="http://lalalala.nl/index_of/content?F=2"></iframe>').on('load', function() { 
    console.log("loading iframe"); 
}).appendTo($body); 

Answer 2

最初のiframe要素を作成し、それを追加してみてください。

$(document).ready(function() { 
    var iframe = $('<iframe id="frame" "src="..." />').on('load', function(){ 
    alert('loaded'); 
    }); 

    $('body').append($(iframe)); 
});