jQuery: dodawanie dodatkowych plików CSS do bieżącej strony

Question

Mam stronę internetową, która używa screen.css jako głównego pliku CSS. Dodałem to dla monitorów o rozdzielczości 1024+.

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

Problemem jest to, że hi-res.css zastępuje screen.css ... nie chcę go zastąpić, po prostu chcę, aby załadować dodatkowe css w tej sprawie. Jakieś pomysły? Dzięki.

Answer 1

dołączyć go do głowy:

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

Answer 2

Spróbuj tego .. zamiast zastępować jeden.

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

Answer 3

Chcesz .append: o)

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

Answer 4

Możesz chcieć sprawdzić poniższy link:

How to load up CSS files using Javascript?