Comment charger les CSS en utilisant jquery

Question

J'ai chargé un fichier css sur le serveur et j'ai donc une URL avec moi. Comment puis-je le charger dans mon code Perl avec JQuery?

Donc, actuellement, je suis en train de coder les css dans ma page mason qui manque à la page, quelque chose comme ça

 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; } "]});
});
 

Je veux éviter de coder en dur ce css?

Answer 1

Je ne comprends pas pourquoi vous ne pouvez pas simplement insérer l'élément <link/> dans la section <head/> , mais voici un extrait jQuery:

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

Answer 2

Encore une fois, selon le chargement dynamique de la feuille de style CSS, cela ne fonctionne pas avec IE .

Vous devez définir le href attr en dernier et seulement après que l'elem de lien est ajouté à la tête:

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