我正在通过Jquery appendTo API将样式表添加到HTML页面的头部。 一旦附加,浏览器就会关闭并下载样式表和引用的图像,然后将更改应用到页面。Jquery确定追加到头的样式何时完成加载
如何检测此页面更新后? I.E.一旦完成下载并完成应用通过appentTo添加的CSS样式表?
谢谢!
我正在通过Jquery appendTo API将样式表添加到HTML页面的头部。 一旦附加,浏览器就会关闭并下载样式表和引用的图像,然后将更改应用到页面。Jquery确定追加到头的样式何时完成加载
如何检测此页面更新后? I.E.一旦完成下载并完成应用通过appentTo添加的CSS样式表?
谢谢!
通常,浏览器在检测到图像用于渲染时触发图像下载。因此,如果您的图像样式不适用于任何元素,图像将不会被下载。
在这方面可能产生的唯一事件是window.onload()
- 最初在可见元素中声明的所有(模糊项)资源已到达。请参阅:https://developer.mozilla.org/en/DOM/window.onload。
不知道这是否有效,但尝试在append函数后面的函数内运行文档。
你可以做这样的:
$("head").append("some.css").bind('onreadystatechange load', function()
{
alert(1);
});
你可能还需要考虑预加载图像和这样的。简单又好用的方法:http://jsfiddle.net/yWntc/12/
dup - http://stackoverflow.com/questions/2571164/jquery-event-that-triggers-after-css-is-loaded – mrtsherman