Question

当我删除自动宽度时，我在猫头鹰传送带上得到的点数是错误的，但工作正常，但是在设置自动宽度时，得到的点数是错误的。

错误的计数，例如我在轮播中设置了总共8张图像，并且显示了8个点实例为4（我将项目设置为2，slideBy：2）

LIVE Demo：检查桌面分辨率。

HTML：

<div id=”client-testimonialslider” class="owl-carousel owl-theme">
    <div class="item"><h4>1</h4></div>
    <div class="item"><h4>2</h4></div>
    <div class="item"><h4>3</h4></div>
    <div class="item"><h4>4</h4></div>
    <div class="item"><h4>5</h4></div>
    <div class="item"><h4>6</h4></div>
    <div class="item"><h4>7</h4></div>
    <div class="item"><h4>8</h4></div>
</div>

$(document).ready(function(){
$('#client-testimonialslider').owlCarousel({
    rtl:true,
    loop:true,
    nav:false,
    margin:30,
    items: 2,
    slideBy: 2,
    itemsDesktopSmall : [900,1], // betweem 900px and 601px
    itemsTablet: [700,1], // 2 items between 600 and 480
    itemsMobile : [479,1] , // 1 item between 479 and 0
    autoplay:true,
    autoplayTimeout:10000,
    responsive:{
       0:{
            items:1,
            slideBy: 1
        },
        600:{
            items:1,
            slideBy: 1
        },
        992:{
            items:2,
            slideBy: 1,
            autoWidth:true
        },
        1201:{
            items:3,
            autoWidth:true
        },
        1400:{
            items:1,
            autoWidth:true
        },
        1600:{
            items:3,
            autoWidth:true
        },
        1800:{
            items:3,
            autoWidth:true
        },
        2000:{
            items:4,
            autoWidth:true
        }
    }
});
});

请帮助我解决此问题。

谢谢。

Answer 1

使用“ dotsEach”选项指定每个项目的点数。

$('.owl-carousel').owlCarousel({
    "dots": true,
    "dotsEach": 1
});

在Owl Carousel 2.3.4中获取错误的点数

1 个答案: