jQuery 追加 CSS 文件并等待加载？

Question

我正在尝试使用 append 一个 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)

(这是一个工作示例)