Maison >interface Web >tutoriel CSS >Comment ajouter un fichier CSS personnalisé à une fenêtre contextuelle jQuery ?
Lorsque vous travaillez avec des fenêtres contextuelles jQuery, vous pouvez rencontrer le besoin d'incorporer un style supplémentaire pour une fenêtre contextuelle spécifique -fenêtre ouverte. Cet article vise à répondre à la question de savoir comment ajouter un fichier CSS personnalisé à une fenêtre pop-up et propose une solution qui fonctionne efficacement.
Le code JavaScript que vous avez fourni montre la création d'une fenêtre pop-up à l'aide de un élément. Pour ajouter un fichier CSS à cette fenêtre contextuelle, vous devez ajouter l'élément de lien requis dans le champ section du contenu HTML de la fenêtre contextuelle.
Dans votre code, vous avez tenté d'ajouter l'élément de lien à l'élément avec la classe popupwindow. Cependant, cette approche ne fonctionnera pas car la méthode append() opère sur le DOM du document principal, et non sur la fenêtre contextuelle. Pour ajouter un élément à l'en-tête de la fenêtre contextuelle, vous devez cibler l'élément
élément dans le contenu de la fenêtre contextuelle.Une solution de travail pour ajouter un fichier CSS à la fenêtre contextuelle est fournie ci-dessous :
$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');
Ce code ajoutera l'élément de lien à l'en-tête du document principal, dont héritera la fenêtre contextuelle. Cela devrait réussir à charger et appliquer les styles du fichier CSS spécifié à la fenêtre contextuelle.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!