jquery - 当 iframe 及其 CSS 加载和渲染时，如何触发 jQuery 警报？

Question

我试图在 <iframe> 时触发警报其 CSS 文件已加载并渲染。

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

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

这样做的问题是，警报发生在 CSS 渲染到页面上之前，警报关闭后，您就会看到 CSS 在浏览器中生效。

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

谢谢。

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，保持超时并重试，直到达到 #123456。

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