使用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");