jquery：在创建iframe DOM对象后绑定LOAD事件

Question

我该如何做？

$('#divToInsert').html('<iframe id="outputPage" src="/Folder/webpage.aspx" width="90%" height="600" frameborder="0" scrolling="yes" style="overflow-x: hidden"><p>WARNING: Your browser does not support iframes. Please contact your adminstrator for assistance.</iframe>'); 
$('#outputPage').unbind('load'); 
$('#outputPage').bind('load', function() { 
    alert('done!'); 
}); 

Answer 1

错字？

// ---------v---------------there's a "t" that shouldn't be there 
$('#outputPaget').bind('load', 

纠正后适用于我。

确保DOM也被加载。

http://jsfiddle.net/gz2eS/

$(function() { 
    $('#divToInsert').html('<iframe id="outputPage" src="/Folder/webpage.aspx" width="90%" height="600" frameborder="0" scrolling="yes" style="overflow-x: hidden"><p>WARNING: Your browser does not support iframes. Please contact your adminstrator for assistance.</iframe>'); 
    $('#outputPage').unbind('load'); 
    $('#outputPage').bind('load', function() { 
     alert('done!'); 
    }); 
});