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