jquery - 如何在加载和呈现 iframe 及其 CSS 时触发 jQuery 警报？

Question

我试图在 <iframe> 时触发警报及其 CSS 文件被加载和呈现。

到目前为止，我有以下内容:

$("#content_ifr").ready(function (){
        alert('iframe ready');
});

问题是警报发生在 CSS 呈现在页面上之前，警报关闭后，您会看到 CSS 在浏览器中生效。

关于如何通过草率的超时 hack 解决这个问题有什么想法吗？

谢谢。

Answer 1

由于您要处理的是 tinyMCE，您是否尝试过他们的 API？

http://wiki.moxiecode.com/index.php/TinyMCE:API/tinymce.Editor

我认为 onLoadContent 是您最好的选择，但我不确定它是否具有任何 CSS 魔力。

我们发现在加载 CSS 之前暂停加载的唯一方法是草率的超时 hack。基本上:

1. 设置一个真正的特定规则，比如div.test-file-loaded{ 颜色:#123456
2. 创建该类的一个 div。
3. 检查该元素的颜色是否为#123456，保持超时并重试直到它。

真的很想知道是否有非 hack 方式，但我认为没有。由于您正在处理 iframe，因此将需要更多技巧....