ajout de fichier css avec jquery

Question

Je crée une fenêtre contextuelle et je veux ajouter un fichier CSS à cette fenêtre contextuelle ci-dessous est le code pour la fenêtre contextuelle. J'ai un javascript avec crée une fenêtre popup.

 <a href="popupwindowcontent.xhtml" title="Print" class="popupwindow">Print1</a>
 

Maintenant, je veux ajouter un fichier CSS à cette fenêtre contextuelle. J'ai essayé quelque chose comme

 $('.popupwindow').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />');


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

mais ne fonctionne pas.

Merci

Answer 1

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

Cela devrait marcher.

Answer 2

Voici comment j'ajoute CSS en utilisant jQuery ajax. J'espère que ça aide quelqu'un ..

 $.ajax({
            url:"site/test/style.css",
            success:function(data){
                 $("<style></style>").appendTo("head").html(data);
            }
        })
 

Answer 3

    var css_link = $("<link>", {
        rel: "stylesheet",
        type: "text/css",
        href: "yourcustomaddress/bundles/andreistatistics/css/like.css"
    });
    css_link.appendTo('head');

Answer 4

Essayez de le faire dans l'autre sens.

 $('<link rel="stylesheet" href="css/style2.css" type="text/css" />').appendTo('head');
 

Answer 5

Votre problème, c'est que le sélecteur est pour un point d'ancrage de l'élément <a>. Vous êtes le traitement de l' <a> balise comme si elle représente la page, ce qui n'est pas le cas.

$('head') travailler aussi longtemps que ce sélecteur est en cours d'exécution par la page de la css.

Pourquoi ne pas simplement ajouter le fichier css de la page en question. Une raison particulière à cette tentative de façon dynamique à partir d'une autre page? Je ne suis pas encore familier avec la façon d'injecter css à distance des pages comme ça ... me semble qu'il serait un trou de sécurité majeur.

ADDITIF à votre raisonnement:

Ensuite, il vous suffit de passer un paramètre à la page, lisez-le à l'aide de javascript, et ensuite faire tout ce qui est nécessaire en fonction du paramètre.