jQuery附加CSS文件并等到加载？

我正在尝试使用附加css文件

$('head').append('');

这很好 – 但是，我有一些function在css添加后运行，我无法找到一种方法让这些文件等到这个文件加载完毕？

我怎样才能做到这一点 ？

Answer 1

只需检查何时应用了新CSS的规则：

 $('head').append(''); var fakeListener = setInterval(function(){ if($("body").css("text-align")=== "center"){ clearInterval(fakeListener) // What you want to do after it loads } },50) 

（这是一个工作的例子）

Answer 2

首先要做的是将你的函数放在ready方法中，这将在DOM加载后执行这些函数。

然后把你的脚本放在之前。 这样，附加将在dom加载时被触发。

另一个方法是使用load事件：
使用工作示例检查此链接，在其中我将主体设置为绿色背景，它加载stackoverflow样式表，在完成加载后将主体更改为白色。
http://jsfiddle.net/CQbqA/1/