jQuery: добавление дополнительных CSS-файлов на текущую страницу

Question

У меня есть веб-сайт, который использует screen.css в качестве основного файла CSS.Я добавил это для мониторов с разрешением 1024+.

$(document).ready(function(){
if(screen.width > 1024) {
    $('link').attr('href','hi-res.css');
}
});

Проблема в том, что hi-res.css заменяет screen.css ... я не хочу его заменять, я просто хочузагрузить дополнительный CSS в этом случае.Есть идеи?Спасибо.

Answer 1

Добавьте это к своей голове:

$("head").append("<link id='yournewcss' href='hi-res.css' type='text/css' rel='stylesheet' />");

Answer 2

Вы хотите .append: o)

$(document).ready(function(){
    if(screen.width > 1024) {
       $('head').append('<link href='hi-res.css' type='text/css' rel='stylesheet' />')
    }
 });

Answer 3

Попробуйте это .. вместо замены добавить один.

$('head').append($('<link>').attr('href','hi-res.css')); 

Answer 4

Возможно, вы захотите проверить следующую ссылку:

Как загрузить файлы CSS с помощью Javascript?