有沒有一種方法可以加載外部CSS文件，例如我們使用.getScript方法加載JS文件，也可以使用.getScript中的回調函數$("<link/>", { rel: "stylesheet", type: "text/css", href: "/styles/yourcss.css"}).appendTo("head");這在FireFox和類似版本中有效，但在IE中無效。
3 回答
蝴蝶不菲
TA貢獻1810條經驗 獲得超4個贊
基于響應的快速功能。
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貢獻1854條經驗 獲得超8個贊
我認為OP想要做的是異步加載樣式表并添加它。對于Chrome 22，FF 16和IE 8，這對于我來說適用于存儲為文本的CSS規(guī)則集：
$.ajax({
url: href,
dataType: 'text',
success: function(data) {
$('<style type="text/css">\n' + data + '</style>').appendTo("head");
}
});
就我而言，有時我還希望加載的CSS替換以前以這種方式加載的CSS。為此，我在開頭添加了一個注釋，說“ / *標記此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 關注
- 596 瀏覽
添加回答
舉報
0/150
提交
取消