javascript - 如何在从 AJAX 请求接收到的当前文档中应用 CSS 样式？

Question

我有一个 AJAX 请求，它返回一些 CSS ID，例如:

#id1{something:something}
#id2{something:something}
#id3{something:something}
...etc ect

有什么方法可以使用 Javascript/JQuery 将这些 ID 添加到当前文档(发出 AJAX 请求的文档)？

我使用 JQuery 和 JSON 变量发出 AJAX 请求，如果这有帮助...

Answer 1

与其使用 AJAX 获取 CSS，然后担心将其插入文档，不如动态添加一个 <link>。标记到文档:

<link rel="stylesheet" type="text/css" href="..." />

href然后应包括 CGI 脚本所需的必需参数。

var url = "......"; // including parameters

var script = $('<link>', {
   rel: 'stylesheet',
   type: 'text/css',
   href: url
}).appendTo(document.head);

然后浏览器会自动触发加载新的 CSS 文件。如果你想 catch 它的完成，你应该能够添加 .load()处理程序。