在这里,我使用我的猫头鹰旋转木马脚本,它的工作完美 . 我也想复制它并用作第二个 . 所以,我复制了整个轮播div并将导航类名改为next2 . 旋转木马可以正常使用所有选项,但复制的旋转木马的导航不起作用 .

第一个转盘:

<script>
    $(document).ready(function() {
        var owl = $("#owl-demo");
        owl.owlCarousel({
            autoPlay: 10500,
            items : 6,
            itemsDesktop : [1000,6],
            itemsDesktopSmall : [900,4],
            itemsTablet: [600,1],
            itemsMobile : false,
            pagination:false,
        });
        $(".next").click(function(){
            owl.trigger('owl.next');
        });
        $(".prev").click(function(){
            owl.trigger('owl.prev');
        });

    });
</script>

复制轮播:

<script>
    $(document).ready(function() {
        var owl2 = $("#owl-demo2");
        owl2.owlCarousel({
            autoPlay: 10500,
            items : 4,
            itemsDesktop : [1000,4],
            itemsDesktopSmall : [900,3],
            itemsTablet: [600,1],
            itemsMobile : false,
            pagination:false,

        });
        $(".next2").click(function(){
            owl2.trigger('owl.next2');
        });
        $(".prev2").click(function(){
            owl2.trigger('owl.prev2');
        });
    });
</script>

我不明白为什么它不起作用 . 请帮帮我一个人 . 谢谢 .