owl carousel 2无法使用循环和1项(Bug现在修复)

Question

我使用owl carousel 2获取旋转木马内容.

JS:

$('#owl-demo').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    items: 1,
});

HTML:

<div id="owl-demo" class="owl-carousel">
    <div class="item"><h4>1</h4></div>
</div>

问题:

当我有一个内容(动态内容中使用PHP)loop:true和items:1不工作,我看空,但如果添加了两个内容猫头鹰工作真!

编辑:我的内容是动态的(1 - ....).当我的结果是一个内容猫头鹰有问题.

问题演示

曾经做过DEMO

怎么解决这个问题？

Answer 1

我向Owl开发人员组报告此错误并在此处修复此问题.

在Commit中更改此行

view = Math.max(settings.items * 2, 2),

现在这在演示中有效

Answer 2

希望以下方法可以解决您的问题。
您无需编辑猫头鹰轮播js。相同的方法也可以应用于Bx Slider。

$('.owl-demo').owlCarousel({
    margin: 0,
    responsiveClass: true,
    smartSpeed: 500,
    dots: ($(".owl-carousel .item").length > 1) ? true: false,
    loop:($(".owl-carousel .item").length > 1) ? true: false,
    responsive: {
        0: {
            items: 1,
        },
        500: {
            items: 1,
        },
        768: {
            items: 1,
        }
    } 
})