Question

I’m having an issue trying to fix a conflict between both libraries and have used the noConflict in some sections, however I keep getting the $active is null error

I’m specialized in server-side scripting and not in Javascript (nor have time to read some documentation) so would appreciate any help.

Here is my code:

First (I’m just guessing here) jQuery adds a class which will be used later

jQuery(".paging a:first").addClass("active");

Now, it’s time to use that class

var triggerID = $active.attr("rel") - 1; //Get number of times to slide

Since the code is for a slider the error appears every time this line is reached so my question is… Is there any way I can remove the $ and still use jQuery in that line?

P.S: I’m using jQuery 1.6.1 min and MooTools 1.2 although I doubt this is relevant I know they have conflicts so probably the source of this error.

Answer 1

To select an element by it’s class in jQuery you need to use CSS style notation in a jQuery object, which in your example would be jQuery(".active"). Try this:

var triggerID = jQuery(".active").attr("rel") - 1; //Get number of times to slide

To use your original code, you’d need to assign the $active variable to be the jQuery object containing the element, like this:

var $active = jQuery(".paging a:first").addClass("active");
var triggerID = $active.attr("rel") - 1; // This will now work, assuming it's in the same scope as the above.