jquery - 等待css加载

Question

我需要动态加载外部 css（无服务器端），之后我将执行一些功能。

如何等待 css 加载？

谢谢。

Answer 1

您可以使用 jQueryget方法。尝试这个

$.get("stylesheetUrl", function(contents){
   $("<style type=\"text/css\">" + contents + "</style>").appendTo(document.head);
   //Call your functions here
});

Answer 2

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

    var wait_here = setInterval(function(){
      if($(".element").css("float")=== "left"){
         clearInterval(wait_here)
         // Put your function here which needs to be executed after css load
       }
    },50)

其中 '50' 是在加载 css 之前它将一直循环的时间间隔。在 if() 部分中，检查是否有任何 css 会在加载时影响元素。

**如果您不需要附加，请仅使用第二部分。