Uncaught TypeError: undefined is not a function - Owl carousel

Question

I'm using:

wordpress site
owl carousel plugin

Here is the JQuery code I'm using:

$(document).ready(function() {

    $("#owl-images").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 

  });

  $(document).ready(function() {

    $("#owl-videos").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 

  });

I've read that wordpress conflits with jquery in this question but I even changed to:

jQuery(document).ready(function() {

    jQuery("#owl-images").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 

  });

  jQuery(document).ready(function() {

    jQuery("#owl-videos").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 

  });

But still not working, still getting

Uncaught TypeError: undefined is not a function

Please make sure you included jquery library file and jquery library loaded after your plugin owlCarousel loaded — Sudharsan S, Dec 01 '14 at 09:22
check if `owlCarousel` is loaded by running this in console `jQuery.fn.owlCarousel` — Cerlin, Dec 01 '14 at 09:33
@JqueryKing shouldn't I load Jquery library before load owlCarousel? I've been doing this way and never had a problem. — azhpo, Dec 01 '14 at 09:41

score 6 · Accepted Answer · answered Dec 01 '14 at 09:56

6

Which means your plugin is not included

include the below things in the same priority order

jQuery
owlCarousel

Also make sure that the script links are not giving 404

answered Dec 01 '14 at 09:56

Cerlin

6,622
1
20
28

score 6 · Answer 2 · answered Jul 19 '16 at 08:59

jQuery(document).ready(function($) {
    $("#owl-images").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 
  });

jQuery(document).ready(function($) {
    $("#owl-videos").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 
  });

LVWS · Answer 3 · 2015-10-30T18:08:10.590

My answer comes a little late, but I hope it helps others.

see the js changes below

jQuery(document).ready(function($) {
    $("#owl-images").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 
  });

jQuery(document).ready(function($) {
    $("#owl-videos").owlCarousel({
      items : 3,
      itemsDesktop : [1199,3],
      itemsDesktopSmall: [979,2],
      itemsTablet : [768,1],
      lazyLoad : true,
      navigation : false,
      autoPlay : true,
      autoHeight: true
    }); 
  });

If making the change above alone doesn't work in your WordPress theme, call the owl.carousel.js or owl.carousel.min.js in the head section, not in the footer

Welcome to SO, and thanks for contributing. Answers like this need a little more explanation. You should be explaining how and why the code you've given us fixes the OP's question, and what problem the OP was really having that you have no resolved. Thanks. — Software Engineer, Oct 30 '15 at 17:57

Uncaught TypeError: undefined is not a function - Owl carousel

3 Answers3