jQuery判斷css檔案載入完畢再去執行程式碼

螞蟻小編發表於2017-03-25

在很多時候需要等待css檔案載入完畢再去執行相關操作,否則可能沒法正常渲染樣式。

當然實現的方式不止一種,下面就通過ajax來實現此功能。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
if($('link[ref$=""antzone.css""]').length==0){ 
  $.ajax({ 
    url: '/css/antzone.css', 
    success:function(data){ 
      //建立一個style元素,並追加到head中 
      //替換其中images的路徑 
      $('<style type="text/css">'
      + data.replace(/url\(images/g, 'url(/css/images') 
      + '</style>').appendTo('head'); 
       //code
     } 
   }); 
} 
else{ 
//code
}

相關文章