How to include JQuery in a javascript file without conflicts

Question

Possible Duplicate:
Dynamically Including jQuery using JavaScript if it's not already present

I am making a site similar to google analytics in that I have my users paste a bit of javascript code on their site. My Question is how can I manage to include JQuery in my javascript snippet of code?

I already know how to include files using js: How do I include a JavaScript file in another JavaScript file?

But how do I make sure that there is no JQuery conflicts?

Gold star to anyone who suggests good practices in terms of generating embedded javascript code:)

score 4 · Accepted Answer · answered Aug 09 '12 at 08:22

4

The short answer is: You don't.

You should not impose a framework upon your users. Google does not do it with analytics, and you should not either. Use basic java script functionality only and write from scratch or copy what you need from other projects (as long as licenses permit).

answered Aug 09 '12 at 08:22

dualed

10,262
1
26
29

Thanks, that makes sense. I will begin rewriting my code now... – Bob Ren Aug 09 '12 at 16:43

score 0 · Answer 2 · answered Aug 09 '12 at 08:01

0

Always test that whatever you include isn't already defined:

if(typeof jQuery === "undefined") {
   // include jQuery
}

answered Aug 09 '12 at 08:01

David Hedlund

128,221
31
203
222

That is not a useful check. The external site may have jQuery 1.7, while you're depending on functionality from jQuery 1.8. – Deestan Aug 09 '12 at 08:07
well sure it could be made more robust. We don't really know the requirements. – David Hedlund Aug 09 '12 at 08:08
We *know* the code is required to run on sites that we don't control. – Deestan Aug 09 '12 at 09:27

score 0 · Answer 3 · answered Aug 09 '12 at 08:12

0

I will suggest to use the jQuery no conflict function.

http://uzbekjon.hubpages.com/hub/How-to-use-jQuery_noConflict

Hope, it will help

answered Aug 09 '12 at 08:12

Apurv

309
2
10

score 0 · Answer 4 · edited May 23 '17 at 12:02

0

There is no way to do this without conflicts with userscripts.

Read this discussion to learn how to write code without jQuery: is there an easy way to convert jquery code to javascript?

edited May 23 '17 at 12:02

Community

1
1

answered Aug 09 '12 at 08:27

Daniil Ryzhkov

7,416
2
41
58

How to include JQuery in a javascript file without conflicts

4 Answers4