猫头鹰旋转木马中的克隆项目

Question

在构建旋转木马时,我意识到猫头鹰添加了克隆的重复项目.我的猫头鹰配置看起来像这样.我该如何阻止这种情况发生.

owlDfe.owlCarousel({
            loop: false,
                        autoWidth:false,
                        nav:false,
                        responsiveClass:true,
                        responsive:{
                            0:{
                                items:sizes.mobile_portrait
                            },
                            568:{
                              items:sizes.mobile_landscape
                            },
                            768:{
                              items:sizes.ipad
                            },
                            800:{
                                items:sizes.desktop
                            },
                            1000:{
                                items:sizes.desktop,
                            }
                        }
          });

Answer 1

我有这个问题 - 我发现将loop选项设置为false可以解决它.

Answer 2

所以,我一直在克服这个克隆问题,将点击事件传递给克隆的幻灯片....

最终为我解决的是设置这两个配置值:

loop: false,

rewind: true

这将允许旋转木马仍然环绕但不重复幻灯片.

Answer 3

准备好这个问题的真棒解决方案：

如果您想设置 loop:true 以防项目数量超过特定数量（在我的情况下，我在屏幕上使用 5 个项目，可滚动项目总数为 15）

loop: ( $('.owl-carousel .items').length > 5 )

上述解决方案在少于 6 个项目的情况下不会运行循环，而在超过 5 个项目的情况下将自动启用循环。

这解决了我的问题，我希望，这也能帮助你。感谢您提出这个问题并享受此代码:)

Answer 4

jQuery('.owl-carousel2').owlCarousel({
    loop:false,
    margin:10,
    nav:true,
    mouseDrag:false,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
})

         });

使循环错误,它无法创建克隆项