Question

jquery 加载新生成的CSS文件

用ajax更新CSS文件后
如果再用JQUERY 加载这个文件？

$.post('ajax/1.php',function(data){
$("link[href='css/1.css']").attr('href','css/1.css');
});
注：不改动CSS文件是可以加载成功

Answer 1

你的写法已经加载了 1.css，只是没有被更新。不被更新是因为 1.css 文件已经被缓存，就算是重新设置 href 也是加载了被缓存的 css。

你可以在设置 href 的时候在后面添加一个 query string，例如当前时间，等于是强制更新

$.post('ajax/1.php',function(data) {
var now = new Date().getTime();
$("link[href='css/1.css']").attr('href','css/1.css?' + now);
});

Answer 2

jquery 动态加载css文件，三种方法分别如下：
第一种写法：
$("<link>")
.attr({ rel: "stylesheet",
type: "text/css",
href: "site.css"
})
.appendTo("head");

第二种写法：
$("head").append("<link>");
css = $("head").children(":last");
css.attr({
rel: "stylesheet",
type: "text/css",
href: "/Content/Site.css"
});

第三种写法（直接在javascript中使用）：
function addCSS() {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = '/Content/Site.css';
document.getElementsByTagName("head")[0].appendChild(link);
}