我正在创建一个弹出窗口，我想向该弹出窗口添加一个 css 文件。下面是弹出窗口的代码。我有一个创建弹出窗口的 JavaScript。
<a href="popupwindowcontent.xhtml" title="Print" class="popupwindow">Print1</a>
现在我想向这个弹出窗口添加一个 css 文件。我试过类似的东西
$('.popupwindow').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />');
$('head').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />');
但它不起作用。
$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');
这应该有效。
这就是我使用 jQuery ajax 添加 css 的方式。希望它可以帮助某人..
$.ajax({
url:"site/test/style.css",
success:function(data){
$("<style></style>").appendTo("head").html(data);
}
})
var css_link = $("<link>", {
rel: "stylesheet",
type: "text/css",
href: "yourcustomaddress/bundles/andreistatistics/css/like.css"
});
css_link.appendTo('head');
只是我的几美分……有时最好确保没有任何重复……所以我们在 utils 库中有下一个函数：
jQuery.loadCSS = function(url) {
if (!$('link[href="' + url + '"]').length)
$('head').append('<link rel="stylesheet" type="text/css" href="' + url + '">');
}
如何使用：
$.loadCSS('css/style2.css');
试着反过来做。
$('<link rel="stylesheet" href="css/style2.css" type="text/css" />').appendTo('head');