jQuery onload - .load() - 事件不能与动态加载的iframe一起使用

Question

当用户单击按钮时,我的脚本会加载iframe.我想在iframe加载后调用另一个函数,但它不起作用.iframe确实正常加载,但iframe完成加载后永远不会调用.load()事件.iframe包含来自同一网站的内容(无外部内容).奇怪的是,我在我的代码中的其他几个点使用了下面描述的相同技术,它运行得很好.谁能建议我接下来应该检查什么？

这是相关的代码:

$('#myIframe').load(function () {
    alert('iframe loaded');
});

$('#someButton').live('click', function () {
    $('body').append($('<iframe id="myIframe" src="https://www.mywebsite.com" width="100%"></iframe>'));
});

Answer 1

看起来有点类似于这里的问题:

jQuery .ready在动态插入的iframe中

这样,Iframe元素存在于附加的Dom中.只有当您设置了Url才会加载,此时您已经附加了要在末尾标记的加载函数.所以对你的代码

$('#someButton').live('click', function () {

    $('body').append($('<iframe id="myIframe" width="100%"></iframe>'));
    $('#myIframe').attr('src',"https://www.mywebsite.com");

    $('#myIframe').load(function () {
        alert('iframe loaded');
    });

});