Question

我正在使用：

wordpress site
owl carousel plugin

这是我正在使用的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
    }); 

  });

  $(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
    }); 

  });

我在this问题中读到了wordpress与jquery的混淆，但我甚至改为：

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
    }); 

  });

但仍然没有工作，仍在

未捕获的TypeError：undefined不是函数

Answer 1

这意味着您的插件不包含在内

以相同的优先顺序包含以下内容

的jQuery
owlCarousel

还要确保脚本链接未提供404

Answer 2

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
    }); 
  });

Answer 3

我的回答有点迟了，但我希望它有助于其他人。

请参阅下面的js更改

＆＃13;

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
    }); 
  });

＆＃13;

如果单独进行上述更改并不适用于您的WordPress主题，请在head部分调用owl.carousel.js或owl.carousel.min.js，而不是在页脚中调用

未捕获的TypeError：undefined不是函数 - 猫头鹰轮播

3 个答案: