optimizar - Cómo cargar CSS usando jquery

pospón la carga de archivos css

Question

He cargado un archivo css en el servidor, así que tengo una URL conmigo. ¿Cómo puedo cargarlo en mi código perl usando JQuery?

Así que actualmente estoy codificando el css en mi página de mason que falta en la página algo como esto

JQ.onReady(''show'', function(){
JQ.addStyles({styles: ["/n/n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid #2F2F1D;background-color:#EFEDD4;padding:3px; } .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; } .ap_classic .ap_close { float:right; } .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } "]});
});

Quiero evitar codificar este css?

Answer 1

No entiendo por qué no puedes simplemente insertar el elemento <link/> en la sección <head/> , pero aquí hay un fragmento de jQuery:

$(''head'').append( $(''<link rel="stylesheet" type="text/css" />'').attr(''href'', ''your stylesheet url'') );

Answer 2

Nuevamente, según la carga dinámica, la hoja de estilo css no funciona en IE .

Debe configurar el atributo href por último y solo después de que el elemento de enlace se haya agregado a la cabecera:

$(''<link>'')
.appendTo(''head'')
.attr({
type: ''text/css'',
rel: ''stylesheet'',
href: ''/css/your_css_file.css''
});