jQuery: aggiunta di ulteriori file CSS alla pagina corrente

Question

Ho un sito Web che utilizza screen.css come file CSS principale. Ho aggiunto questo per i monitor con una risoluzione 1024+.

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

Il problema è che hi-res.css sta sostituendo screen.css ... Io non voglio sostituirlo, voglio solo caricare un css aggiuntivo in questo caso. Qualche idea? Grazie.

Answer 1

aggiungerlo alla vostra testa:

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

Answer 2

Prova questo .. invece di sostituirne uno.

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

Answer 3

Volete .append: o)

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

Answer 4

si potrebbe desiderare di controllare il seguente link:

How to load up CSS files using Javascript?