iFrame 中加载新页面时的 jQuery 事件

Question

我正在尝试在父级上设置一个事件，当 iframe 加载新页面时(可能是通过用户单击链接)，该事件会被触发。

HTML:

<iframe name="posts" id="posts" src="edit.php">

JS:

$(document).ready(function() {
    $('iframe#posts').live('load', function() {
        console.log('live');
    });
});

问题是 console.log() 语句永远不会被触发。我怎样才能实现我想要做的事情？

Answer 1

解决问题的最简单方法是使用 jQuery 创建 iframe。

$(document).ready(function() {
    $("<iframe />").attr({
        id: "posts",
        src: "edit.php"
    }).load(function() {
        console.log('live');
    }).appendTo("body");

此问题已asked here before .