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

Question

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

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

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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

Answer 4

Вы можете проверить по следующей ссылке:

How to load up CSS files using Javascript?