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!');
    });
});