Javascript 猫头鹰转盘2“；点：正确；不工作？

我正在尝试使用owl旋转木马插件制作旋转木马，但我在显示圆点时遇到了问题。尽管在javascript上启用了点，但不会显示点。这是猫头鹰转盘2的问题吗？我已经尝试在猫头鹰旋转木马类中添加猫头鹰点类。它确实产生了一些结果，但显示了一个额外的点。这是为您准备的小提琴： HTML:

Javascript

(function ($) {
$(document).ready(function() {
    $("#testimonial-slides").owlCarousel({
      items :4,
      margin: 10,
      loop: true,
      autoplay: true,
      smartSpeed: 1000,
      dots: true,
      center:true,
      responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        }
      }
    });
  });
}(jQuery));

---

我无法调试为什么你的点没有出现。。。也就是说，您可以使用这种变通方法从DOM中删除禁用的类，而DOM当前正在隐藏这些类。使用css，您可以修复您的点样式

（函数（$）{
函数setDots（）{
$（“#推荐幻灯片.猫头鹰点”）.removeClass（'disabled'）；
}
$（文档）.ready（函数（）{
$（“#推荐幻灯片”）.owlCarousel({
//项目：4，
差额：10，
循环：对，
自动播放：对，
智能速度：1000，
中：是的，
响应：{
0:{
项目：1
},
600:{
项目：3
}
},
//初始化：设定点，
//一旦改变：设定点
});
});
}（jQuery））
.owl carousel.owl项目img{
显示：块；
宽度：160px；
}
.猫头鹰斑点{
文本对齐：居中；
位置：固定；
底部：5px；
宽度：100%；
-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
-ms背面可见性：隐藏；
背面可见性：隐藏；
}
.猫头鹰斑点{
边界半径：50px；
高度：10px；
宽度：10px；
显示：内联块；
背景：rgba（127127,0.5）；
左边距：5px；
右边距：5px；
}

我的同僚们都是精英。比泰，除了图里

萨巴尔信息技术公司
我的同僚们都是精英。比泰，除了图里

萨巴尔信息技术公司
我的同僚们都是精英。比泰，除了图里

萨巴尔信息技术公司
我的同僚们都是精英。比泰，除了图里

萨巴尔信息技术公司
我的同僚们都是精英。比泰，除了图里

萨巴尔信息技术公司
我的同僚们都是精英。比泰，除了图里

萨巴尔信息技术公司
“owl-dots disabled”类还可以显示您是否没有足够的项来允许dots的功能

在您的示例中，您似乎在owl转盘配置中设置为“items:4”，但只有3个HTML元素设置为“carousel”

$(document).ready(function() {
    $("#testimonial-slides").owlCarousel({
      items :4, <<
      margin: 10,
      loop: true,
      autoplay: true,
      smartSpeed: 1000,
      center:true,
      responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        }
      },
      onInitialized:setDots,
      onChanged:setDots
    });
  });
}(jQuery));

$（文档）.ready（函数（）{
$（“#推荐幻灯片”）.owlCarousel({
项目：4，您在浏览器控制台中遇到任何错误？您还可以创建问题的工作示例链接，以便我们检查（使用原始代码创建链接）@活到死没有任何错误，但当我检查时，我可以看到添加了类Disabled的元素owl dots可能是一些CSS隐藏了这些点，或者可能是一些jQuery代码在这些点上添加了一个disable类。在我们看到运行之前，不可能说正确的原因code@Alive检查小提琴
(function ($) {
$(document).ready(function() {
    $("#testimonial-slides").owlCarousel({
      items :4,
      margin: 10,
      loop: true,
      autoplay: true,
      smartSpeed: 1000,
      dots: true,
      center:true,
      responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        }
      }
    });
  });
}(jQuery));

$(document).ready(function() {
    $("#testimonial-slides").owlCarousel({
      items :4, <<
      margin: 10,
      loop: true,
      autoplay: true,
      smartSpeed: 1000,
      center:true,
      responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        }
      },
      onInitialized:setDots,
      onChanged:setDots
    });
  });
}(jQuery));