等到動態添加CSS文件加載後再執行操作

Question

我使用此代碼動態加載外部CSS文件，但是我希望等到CSS執行另一個操作之前加載，例如顯示一些HTML。

$(document).on('click', '#game', function(e){ 
    $('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >') 
     .appendTo("head"); 
}); 

我該怎麼做？

Answer 1

您可以使用原始$.ajax。

$.ajax({ 
    url: myStylesLocation, 
    beforeSend: function() { 
     // start animation 
    } 
    success: function(data) { 
     $('<style type="text/css">' + data + '</style>').appendTo("head"); // append CSS 
     // end animation 
    } 
});