等到动态添加CSS文件加载后再执行操作
问题描述:
我使用此代码动态加载外部CSS文件,但是我希望等到CSS执行另一个操作之前加载,例如显示一些HTML。等到动态添加CSS文件加载后再执行操作
$(document).on('click', '#game', function(e){
$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >')
.appendTo("head");
});
我该怎么做?
答
您可以使用原始$.ajax
。
$.ajax({
url: myStylesLocation,
beforeSend: function() {
// start animation
}
success: function(data) {
$('<style type="text/css">' + data + '</style>').appendTo("head"); // append CSS
// end animation
}
});
+0
我可以把它放在我的点击功能吗? – user1937021 2014-10-03 07:41:48
+0
是的..你可以...... – 2014-10-03 07:42:37
http://api.jquery.com/load-event/就像这样。 – Zze 2014-10-03 07:39:27