有沒(méi)有一種方法可以加載外部CSS文件，例如我們使用.getScript方法加載JS文件，也可以使用.getScript中的回調(diào)函數(shù)$("<link/>", { rel: "stylesheet", type: "text/css", href: "/styles/yourcss.css"}).appendTo("head");這在FireFox和類(lèi)似版本中有效，但在IE中無(wú)效。
3 回答
蝴蝶不菲
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
基于響應(yīng)的快速功能。
loadCSS = function(href) {
var cssLink = $("<link>");
$("head").append(cssLink); //IE hack: append before setting href
cssLink.attr({
rel: "stylesheet",
type: "text/css",
href: href
});
};
用法：
loadCSS("/css/file.css");
嗶嗶one
TA貢獻(xiàn)1854條經(jīng)驗(yàn) 獲得超8個(gè)贊
我認(rèn)為OP想要做的是異步加載樣式表并添加它。對(duì)于Chrome 22，F(xiàn)F 16和IE 8，這對(duì)于我來(lái)說(shuō)適用于存儲(chǔ)為文本的CSS規(guī)則集：
$.ajax({
url: href,
dataType: 'text',
success: function(data) {
$('<style type="text/css">\n' + data + '</style>').appendTo("head");
}
});
就我而言，有時(shí)我還希望加載的CSS替換以前以這種方式加載的CSS。為此，我在開(kāi)頭添加了一個(gè)注釋?zhuān)f(shuō)“ / *標(biāo)記此ID = 102 * /”，然后可以執(zhí)行以下操作：
// Remove old style
$("head").children().each(function(index, ele) {
if (ele.innerHTML && ele.innerHTML.substring(0, 30).match(/\/\* Flag this ID=102 \*\//)) {
$(ele).remove();
return false; // Stop iterating since we removed something
}
});
- 3 回答
- 0 關(guān)注
- 625 瀏覽
添加回答
舉報(bào)
0/150
提交
取消