jquery - 使用 firefox 扩展和 jquery 将 CSS 动态加载到事件文档中

Question

我发现了这个article on using jQuery in Firefox add ins 。我的工作正常，但遇到了 CSS 问题。究竟如何将 CSS 文件获取到当前浏览器文档中？我已经做了显而易见的事情:

$mb = jQuery.noConflict(); 
doc = window.content.document;
jQuery('body', doc)
    .append('<link rel="stylesheet" href="chrome://ThriftyHippo/content/styles.css" />');

这会将您认为应该添加的节点添加到文档的 dom 中。我还验证了包含的 chrome://链接解析为正确的 CSS 文件。但是，当我在样式表中定义 ID 后将 div 添加到文档时，它不会被设置样式!知道该怎么做吗？

Answer 1

我非常确定 link 标签必须添加到文档的 head 中，而不是 body 中。首先尝试一下。

jQuery(document.createElement("link"))
 .attr({type: "text/css",href: "chrome://ThriftyHippo/content/styles.css",rel:"stylesheet"})
 .appendTo("head");