Question

I am trying to use jquery UI based transition sliders on my homepage. I tried different jquery plugins but I always get an error in the console : jQuery is not a function or some function error related to jQuery . Plugins i have tried are Lof JSliderNews 1.0,featured-content-slider, etc..

Even after following several posts on the web , iam not able to make the plugin work at all. Jquery part doesn’t work. I have used carousels and other plugins with jquery.noConflict but this time nothing works!

Here’s what iam doing:

jQuery.noConflict();

jQuery(document).ready(function(){
    jQuery("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});

I also tried replacing all $ with jQuery in the included scripts but that too doesn’t work in magento. Please help, i need to finish the project soon

Answer 1

Have you tried putting all the jQuery stuff into a function and map the window.jQuery variable as an argument? Like so:

(function($){
  //... do your jQuery thing here
})(jQuery);

BTW: “jQuery is not a function” might also be a hint that you forgot to load the jQuery library into your project.