Question

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    responsiveClass:true,
    dots:true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:3,
            nav:false
        },
        1000:{
            items:5,
            nav:true,
            loop:false
        }
    }
})

大家好，我正在使用猫头鹰轮播创建滑块。我需要点因此我给出了“ dots：true”，但看不到这些点。你们知道为什么吗？请帮我。谢谢：）

Answer 1

如果您使用缩小文件，则这些点可能缺少CSS。尝试使用CSS：

  .owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
  }

演示：http://jsfiddle.net/lotusgodkk/s10bgckL/7044/

jQuery-猫头鹰轮播点问题

1 个答案: