Question

It seems I have a problem with JQuery Lite Content Slider. I get a warning when ever I try to move to the next slide. I’m not completely convinced that this is the problem because it’s only a warning, but I can’t see any other problems with the script.

The website is skincarewithaconscience.com

Any help or suggestions would be greatly appreciated.

UPDATE

I’m using jQuery 1.7.1 and noConflict mode is used in the Lite Content Slider. Sorry I should have mentioned both those points.

Answer 1

The use of jQuery.noConflict(); removes the association of jQuery to the $ variable which is often required when using either more than one version of jQuery on the same page, or when using jQuery at the same time as using another framework that also uses $ as a reference to their framework.

As your site uses jQuery.noConflict();, you need to either refer to jQuery by name instead of using the $ shortcut, or to wrap your functions in a closure that rename jQuery to $ (in the same way as the livequery or prettyPhoto plugins do).

To create a closure you would use:

(function($) {
  // your code using $ goes here
  $(document).ready(function() { /* etc */ });
}(jQuery));