jQuery.noConflict(); for userscript

Question

Hello I'm trying to add jQuery to my Userscript that I'm creating.

I've tried:

$ = jQuery = window.jQuery;

Doesn't work $ is undefined. My other choice is:

$ = unsafeWindow.jQuery;

Which works and all, but I receive this error:

Unexpected token e

That's not even part of my code, it points to something on the website. However, I noticed that the website I'm creating a userscript for uses this:

jQuery.noConflict();

Is that the cause of this? And I can't import the jQuery library because I'm trying to make custom emotes for a shoutbox which uses XMLHttpRequests(AJAX) and it prevents the chat from working when I load an external library.

I've been trying to fix this for 6 hours and I'm getting nowhere. I'd probably turn to just using DOM if nothing works =/.

Thank you for all that helped and if you need any information from me I'll gladly share it.

there may be a jquery conflict and you need to remove all the jquery links and include only one..like, ``.This may help — Sherin Jose, Jul 01 '13 at 06:46
Do not try to use `unsafeWindow` with jQuery. This works differently from browser to browser (and you didn't state which browser(s) you are using). **Use [this technique, to use jQuery](http://stackoverflow.com/a/12751531/331508)** -- which works well in all userscript-capable browsers. — Brock Adams, Jul 01 '13 at 06:58
Related: [jQuery in Greasemonkey 1.0 conflicts with websites using jQuery](http://stackoverflow.com/questions/12146445/jquery-in-greasemonkey-1-0-conflicts-with-websites-using-jquery) — Brock Adams, Jul 01 '13 at 07:02

ECMAScript · Accepted Answer · 2013-07-01T09:52:35.650

0

I just looked at another userscript and this is the solution!

(function wrapper(window, injectNeeded, undefined) {

// Script injection if needed.
if (injectNeeded) {
    var script = document.createElement('script');
    script.textContent = '(' + wrapper + ')(window, false)';
    document.body.appendChild(script);
    document.body.removeChild(script);
    return;
}

var $,
    jQuery;

$ = jQuery = window.jQuery;

 console.log($('a').length + "links on this page.");
})(this.unsafeWindow || window, window.chrome ? true : false);

Source: https://raw.github.com/cletusc/Userscript--Twitch-Chat-Emotes/master/script.user.js#bypass=true

edited Jul 01 '13 at 09:52

answered Jul 01 '13 at 06:56

ECMAScript

4,439
4
21
29

Works for Google Chrome's TamperMonkey. – ECMAScript Jul 01 '13 at 08:50
It won't around Chrome version 28 or so. – Brock Adams Jul 01 '13 at 09:16
Thanks I'll try to avoid that, however the community I'm writing the script for keeps their browsers up to date and not many people will use it. I made it mainly for educational purposes and personal use. Thank you for your useful information. – ECMAScript Jul 01 '13 at 09:52

jQuery.noConflict(); for userscript

1 Answers1