CODEWITHSUNDEEP
jquerytwitter-bootstrap-3
Ogum
Ogum

Reputation: 379

Conflict between two jquery.min.js

I have a conflict between a widget collapsible box and a ColorPickerSliders plugins. This script enables the functioning of the widget box

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">

and this one the ColorPickerSliders 

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js">

together enabled, nothing works. The difference appears only in the version of jquery.min.js, but in fact both are used for the operation and none of the 2 plugin works without their jquery.min.js.

I'm sorry but i don't have a demo to show you. I'm working on localhost. What can i do? Thanks

Upvotes: 0

Views: 2011

Answers (2)

Alex KeySmith
Alex KeySmith

Reputation: 17091

It is possible to have multiple versions of jquery running on a page, however it is best to avoid it if you can.

Perhaps report to the maintainer of the plugin which doesn't support the newer version of jquery that they have a compatibility issue, as it would also be in their best interest.

Upvotes: 0

Rory McCrossan
Rory McCrossan

Reputation: 337560

You should only include one version of jQuery in your page. Of those two, I would suggest you use 1.11.1 as it's the more recent. You also need to make sure the paths to the CDNs are correct. When testing on your local filesystem, this will mean including the protocol where required:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Upvotes: 1

Related Questions