Head.js загружает только первую таблицу стилей в IE9 и ниже

Question

Мы используем 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: http://i.imgur.com/GNtAaQj.png

Соответствующие ошибки также не отображаются в консоли. Действительно странная вещь - head.js загружает все файлы Javascript без проблем.

Кто-нибудь испытывал что-то подобное раньше?

Answer 1

Есть сообщения от других об этом также с IE (например, https://github.com/headjs/headjs/issues/200)

Решение, кажется, состоит в том, чтобы разделить список CSS на несколько вызовов. У меня это работает с IE:

<script>

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

</script>  

Надеюсь это поможет!