我们正在使用head.js为我们的网站加载一些外部资源,但我们面临的问题是,在加载第一个样式表后,它似乎停止加载样式表。
head.js('/lib/bootstrap/docs/assets/css/bootstrap.css',
'/lib/bootstrap/docs/assets/css/bootstrap-responsive.css',
'/lib/angular-ui/build/angular-ui.min.css',
// ...
'/css/app.css');
head.js('/js/facebook.js',
'/lib/json3/lib/json3.min.js',
// ...
'/js/cookieCheck.js',
function() {
angular.bootstrap(document, ['glide']);
});
这一切在Chrome和Firefox中都很好,但正如你从IE的开发者控制台中看到的那样,它只加载bootstrap.css
:https://i.stack.imgur.com/CJO8d.png
控制台中也没有显示相关错误。真正奇怪的是head.js可以毫无问题地加载所有的Javascript文件。
以前有人经历过这样的事情吗?
IE也有其他人的报告(例如https://github.com/headjs/headjs/issues/200)
解决方案似乎是将css列表拆分为多个调用。我有这个工作与IE:
<script>
head.js("style.css")
.js("style2.css")
.js("style3.css")
</script>
希望这能有所帮助!