如何知道更改其内容后iFrame的DOM又何时准备就绪? [英] how to know when the DOM of an iFrame is ready again after changing its content?

问题描述

我正在使用jquery编写一个firefox插件.我将iFrame添加到页面中，并用另一个页面填充(由于相同的原始政策而允许).

I'm writing a firefox addon using jquery. I added an iFrame to a page and filled it with another page (allowed due same orign policy).

$('#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尚未完成加载.但是，当我添加警报时，它将正常工作，不会出现任何问题:

The problem is, the DOM inside the iFrame isn't finished loading before my access. However, when I add an alert then it works without any problems:

$('#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又何时准备就绪我还没有找到解决这两个问题的解决方案...

This problem is very similar to my ajax-problem, which also worked with an alert. how to know when the DOM is ready again after adding a node from ajax I haven't found a solution for both problems...

我尝试了以下一种方法: jQuery.可以在动态插入的iframe中准备好，但是它对我不起作用...

I tried this one: jQuery .ready in a dynamically inserted iframe but it wasn't working for me...

谢谢大家=)

推荐答案

$('#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');

});

这篇关于如何知道更改其内容后iFrame的DOM又何时准备就绪?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！