更改内容后，如何知道 iFrame 的 DOM 何时再次准备就绪？

Question

我正在使用 jquery 编写一个 Firefox 插件。我向一个页面添加了一个 iFrame 并用另一个页面填充它（由于相同的原始策略而允许）。

$('#globalContainer').append('<iframe id="reusable_iframe" src="" width="90%" height="400" name="reusable_iframe"></iframe>');
//....
$('#reusable_iframe').attr('src', link);
//...
var link = $('#reusable_iframe').contents().find(HTMLclass).eq(position).find(searchBy).attr('href');

问题是，iFrame 内的 DOM 在我访问之前尚未完成加载。但是，当我添加警报时，它可以正常工作：

$('#globalContainer').append('<iframe id="reusable_iframe" src="" width="90%" height="400" name="reusable_iframe"></iframe>');
//....
$('#reusable_iframe').attr('src', link);
//...
alert("wait a sec"); //<-------------------------
var link = $('#reusable_iframe').contents().find(HTMLclass).eq(position).find(searchBy).attr('href');

这个问题与我的 ajax 问题非常相似，它也适用于警报。 如何从ajax添加节点后知道DOM何时再次准备好我还没有找到解决这两个问题的方法...

我尝试了这个：动态插入的 iframe 中的 jQuery .ready但这对我不起作用......

谢谢大家=）

Answer 1

$('#globalContainer').append('<iframe id="reusable_iframe" src="" width="90%" height="400" name="reusable_iframe"></iframe>');
//....
$('#reusable_iframe').attr('src', link);

$('#reusable_iframe').load(function(){
    var link = $('#reusable_iframe').contents().find(HTMLclass).eq(position).find(searchBy).attr('href');

});