Ждать загрузки css

Question

Мне нужно динамически загрузить внешний css (без серверной части), после этого я выполню некоторые функции.

Как мне ждать загрузки css?

Спасибо.

Answer 1

Вы можете использовать метод jQuery get.Попробуйте это

$.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, который должен повлиять на элемент, если он загружен.

** Используйте только второй раздел, если вам не нужно добавлять.