Question

I am building a website for a customer and the site is using two versions of jQuery. One version is for the “Lava Lamp” navigation effect for the top site navigation links. The other version is for the “Smooth Div” image slider. I can only get one or the other to work, never both simultaneously even when I plugged in the ‘noConflict’ script. I have since removed the noConflict script and re-uploaded it to the server.

Here is the site: http://www.webexplosive.com/spokes

Answer 1

When you declare:

var jQuery_1_2_3 = $.noConflict(true);

It removes the $ alias for jQuery. So you can’t write :

$(function(){
   jQuery_1_2_3(selector).doSomething();
});

The initial $ is undefined.

Needs to be:

jQuery_1_2_3(function(){
       jQuery_1_2_3(selector).doSomething();
}); 

OR ( if want to use $ inside document.ready ):

/* pass "$" to ready handler argemnent*/
jQuery_1_2_3(function($){
       /* can use "$" inside read now*/
       $(selector).doSomething();
}); 

The API docs have good instructions and examples

http://api.jquery.com/jQuery.noConflict/