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

Question

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

$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');

这很好 - 但是,我有一些功能在css添加后运行,我无法找到让这些文件等到这个文件完成加载的方法？

我怎样才能做到这一点 ？

Answer 1

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

$('head').append('<link rel="stylesheet" href="http://cdn.sstatic.net/stackoverflow/all.css?v=d4a5c7ca0d4c" type="text/css" />');

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

（这是一个工作示例）