TypeError: $(...).owlCarousel is not a function

jquery function prestashop
Xavi Alsina picture Xavi Alsina · Feb 9, 2014 · Viewed 81.8k times · Source

I am having troubles adding this carousel to my prestashop template.

It returns me the following error:

TypeError: $(...).owlCarousel is not a function navigation : true

And the code using to initialize it is this one

$(document).ready(function() {
  $("#owl-demo").owlCarousel({
    navigation : true
  });
});

I am trying to solve it, but seems imposible, since on an empty html page it works but not when I use it on the Prestashop.

Any clue?

Thanks.

Answer

Manoj Verma picture Manoj Verma · Feb 8, 2015

Add owl.carousel.min.js file in your home page and before the file in which you are using add the following code: 

$("#owl-demo").owlCarousel({
    navigation : true
  });

Then only it will work.

Related questions

How to create a jQuery function (a new jQuery method or plugin)?

I know that in JavaScript the syntax is as follows: function myfunction(param){ //some code } Is there a way to declare a function in jQuery that can be added to an element? For example: $('#my_div').myfunction()

Read More
TypeError: $ is not a function when calling jQuery function

I have a simple jQuery script in a WordPress plugin that is using a jQuery wrapper like this: $(document).ready(function(){ // jQuery code is in here }); I am calling this script from within the WordPress Dashboard and am loading it …

Read More
jQuery's .click - pass parameters to user function

I am trying to call a function with parameters using jQuery's .click, but I can't get it to work. This is how I want it to work: $('.leadtoscore').click(add_event('shot')); which calls function add_event(event) { blah …

Read More