等到动态添加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 
    } 
});