0

我们正在使用 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 的开发人员控制台中看到的那样，它只加载：http bootstrap.css: //i.imgur.com/GNtAaQj.png

控制台中也没有显示相关错误。真正奇怪的是 head.js 可以毫无问题地加载所有 Javascript 文件。

有没有人经历过这样的事情？

4

1 回答 1

0

其他人也有关于 IE 的报告（例如https://github.com/headjs/headjs/issues/200）

解决方案似乎是将 css 列表拆分为多个调用。我有这个与 IE 一起使用： 

<script>

head.js("style.css")
    .js("style2.css")
    .js("style3.css")

</script>

希望这可以帮助！

于 2013-07-30T10:11:38.697 回答