prevent third party JavaScript to insert jQuery

Question

We have a page which conatins jQuery and third party JavaScript API. This api inserts jQuery dynamically during run-time into the page. It causes conflictions.

How can I prevent the third party API to add jQuery to the page?

You really can't. If the code is imported into your page, it can do whatever it wants. You could keep third-party stuff in separate <iframe> blocks maybe. — Pointy
– Pointy, Commented Jan 12, 2016 at 14:21
i dont think you can stop the APIs to load jquery. try using api.jquery.com/jquery.noconflict — Bhadra
– Bhadra, Commented Jan 12, 2016 at 14:24
If its only about conflicts, then you can make use of $.noConflict(true) before the third party script tag. — Ankit
– Ankit, Commented Jan 12, 2016 at 14:25

marc_s · Accepted Answer · 2016-02-07 19:10:01Z

3

My answer should be applied by the them not you, first Rule for Third-Party Javascript is:

"You Don't own the website"

so if they want to use jQuery then they have to use jQuery noConflict that is the best way to deal with a website working with multiple jQuery versions (Yours and theirs):

Completely move jQuery to a new namespace in another object.

var j = jQuery.noConflict(true);
// then you can say
j( "div p" ).hide();

if you add this line and then define a new jQuery then j will be an alias for old version and jQuery - $ will be an alias for the new version by default.

if you want to make sure; you can check the versions of jQuery present in your page:

j.fn.jquery      // this should show you your jQuery version 
jQuery.fn.jquery // this should show you their jQuery version

you can use it if you still need to use this third-party javascript and no way for them to change their code you can read more about jQuery noconflict

You can assign jQuery to a namespace you use as: mycode.$ and mycode.jQuery so you can later use:

mycode.$("div p")

this is always safer to use namespace to make sure no one else write in same code may override your variables.

edited Feb 7, 2016 at 19:10

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jan 12, 2016 at 14:29

mohamed-ibrahim

11.2k4 gold badges42 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Clayton Leis Over a year ago

Agree with this. The third party's absence of noConflict is a mistake.

Steven Kaspar · Accepted Answer · 2016-01-12 14:25:39Z

3

There isn't really a way to stop a script from running that you pull in. I was dealing with something similar yesterday. There are ways to overwrite the changes it does obviously but there is no dynamic way to just stop it from running other than to just not pull it in.

answered Jan 12, 2016 at 14:25

Steven Kaspar

1,19710 silver badges14 bronze badges

Collectives™ on Stack Overflow

prevent third party JavaScript to insert jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related