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 を確認します。

**追加が必要ない場合は、2 番目のセクションのみを使用してください。