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

时间:2010-08-24 06:24:10

标签: jquery firefox-addon

我遇到了这个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时,它不会被设置样式!知道该怎么办吗?

1 个答案:

答案 0 :(得分:0)

我很确定必须将link标记添加到文档的head,而不是body。先尝试一下。

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