jQuery in Firefox extension

Question

I would like to include jQuery in a Firefox extension.

I add the following line of code to import the jQuery file:

Components.utils.import("resource://js/jquery.js", window.content.document);

Firefox runs the file immediately after importing. The jQuery file looks like this with an anonymous closures:

 (function( window, undefined ) {
        ...bunch of code....
       _jQuery = window.jQuery,
 })(window);

When the extension runs there is an error "window is not defined". What is a way to give jQuery access to the window?

Looks like a duplicate of: http://stackoverflow.com/questions/491490/how-to-use-jquery-in-firefox-extension ? — Mike Ruhlin, Nov 09 '10 at 19:03

score 4 · Accepted Answer · edited Feb 19 '11 at 09:26

4

Write this to your *.xul file to include jQuery.

<script type="application/x-javascript" src="toolbar.js"></script>

edited Feb 19 '11 at 09:26

Yi Jiang

answered Feb 19 '11 at 08:42

score 1 · Answer 2 · answered Nov 10 '10 at 07:30

1

Not tested, but on normal websites, jQuery is loaded into the context of window. Therefore, you have to use window.content as scope:

Components.utils.import("resource://js/jquery.js", window.content);

window.content.document does not contain a property window.

answered Nov 10 '10 at 07:30

Felix Kling

This did not work for me. I even tried this: `var scope = { window: contentWindow };` with no luck. – BrunoLM Apr 03 '12 at 20:19

score 0 · Answer 3 · answered Nov 09 '10 at 19:06

0

If it's same as for greasemonkey userjs, try using an unsafeWindow, not the window.

answered Nov 09 '10 at 19:06

3 Answers3