jQuery: Hinzufügen von zusätzlichen CSS-Dateien zur aktuellen Seite

Question

Ich habe eine Website, die screen.css als CSS-Hauptdatei verwendet. Ich habe dies für Monitore mit einer Auflösung von 1024+ hinzugefügt.

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

Das Problem ist, dass hallo-res.css ersetzt screen.css ... ich will nicht, sie ersetzen, ich möchte nur eine zusätzliche CSS in diesem Fall laden. Irgendwelche Ideen? Vielen Dank.

Answer 1

hängen Sie ihn an den Kopf:

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

Answer 2

Probieren Sie dies aus .. statt ersetzen append man.

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

Answer 3

Sie wollen .append: o)

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

Answer 4

Sie können auf den folgenden Link prüfen wollen:

How to load up CSS files using Javascript?