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

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

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

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

Ответы

Ответ 1

Добавьте его в голову:

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

Ответ 2

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

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

Ответ 3

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

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