Use multiple jQuery versions in one HTML document?

Question

I understand that this has to be done with jQuery.noConflict(), but I can't get it to work. Here is my code:

Basically, the function for photos needs to use version 1.3.2, and at the same time, the function for nav needs to use 1.6.2.

As you can see, I have attempted to do this with jQuery.noConflict(), but to no avail.

Thank you in advance.

Perhaps modify the photos function to be 1.6.2+ compatible. Send a pull request to the author? — 000, Apr 14 '12 at 05:46

score 1 · Accepted Answer · answered Apr 14 '12 at 05:52

1

Why does the nivo lib require 1.3.2? The nivo website itself uses 1.7.2 just fine. Is your nivo lib out of date?

answered Apr 14 '12 at 05:52

000

26,951
10
71
101

It was out of date. Thank you! – Apr 14 '12 at 14:35

Tito · Answer 2 · 2012-04-14T06:15:51.213

you can use multiple version using noConflict , use different namespace when referring to specific methods in the jquery thats all.

I do not how you have invoked the methods ,but here is the flow.

1.Load jQuery version A
2.call var jQuery_A = $.noConflict(true);
3.Load jQuery version B
4.call var jQuery_B = $.noConflict(true);

Now you reference both version with the two namespaces you created above as shown below.

jQuery_A("#buttonA")
    .click(function() {
           .......
        });

score 0 · Answer 3 · edited May 23 '17 at 10:34

0

I'm not seeing anything clash with this post on first glance, but I'm getting an unknown reference to a jcps variable around line 44. That could have messed things up assuming it was not declared in one of your loaded scripts.

edited May 23 '17 at 10:34

Community

1
1

answered Apr 14 '12 at 05:56

Sage Gerard

1,311
8
29

score 0 · Answer 4 · answered Apr 14 '12 at 06:18

0

I ran into same issue a couple of times, the way I overcome it was by replacing $ of jQuery with jQuery instances all over the jquery code. e-g:

$(function() {

})

will become

 jQuery(function() {

    })

answered Apr 14 '12 at 06:18

defau1t

10,593
2
35
47

Use multiple jQuery versions in one HTML document?

4 Answers4