如果没有通过AJAX进行调用，如何包含CSS链接？

Question

我有一个页面'foo.html'通过AJAX 'ajax.html?options=option1'填充表格（访问数据库。）

'foo.html'有一个链接到它的css，使得ajax.html中的表看起来不错。但是，如果直接访问，我想让ajax.html看起来也很好用css。如果我添加<link rel="stylesheet" type="text/css" href="/dev/css/default.css" />，那么AJAX会在foo.html中再次插入我不想要的链接。有什么方法可以让css链接代码不显示在AJAX调用中或只显示在非AJAX调用上？

感谢。

Answer 1

我能想到解决这个问题的一个简单方法是传递一个定义调用上下文的附加参数。

Answer 2

最简单的方法是使用jQuery。

使用jQuery.get（）加载ajax.html页面 成功，做： 删除样式表：$('link[rel=stylesheet]').remove();

如果您想添加另一个样式表：

var link = $("<link>");
link.attr({
        type: 'text/css',
        rel: 'stylesheet',
        href: 'http://domain.com/stylesheet.css'
});
$("head").append( link );

或稍后更改：

$("link").attr("href","http://domain.com/stylesheet.css");