猫头鹰轮播导航无法正常工作

Question

我有2个旋转木马，一个在另一个下，我使用“navContainer”功能来改变导航箭头的位置（我将它们放在滑块上方）。

当我有一个滑块，这是有效的，但当我有2（或更多），两个滑块的导航位于第一个“navhere”div。而不是那样，每个导航按钮应该在它自己的div中。

你可以更好地了解我在这里说的话：http://jsfiddle.net/vnpm1y06/226/

代码是：

<div class="about">
    <div id="navhere"></div> <!-- This is where nav should appear -->
    <div class="owl-carousel">
        <div class="item"><h4>About</h4></div>
        <div class="item"><h4>Us</h4></div>
    </div>
</div>
<div class="contact">
    <div id="navhere"></div> <!-- This is where nav should appear -->
    <div class="owl-carousel">
        <div class="item"><h4>Contact</h4></div>
        <div class="item"><h4>Form</h4></div>
    </div>
</div>

jquery是

 .owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        dots:false,
        items:1,
        navContainer: '#navhere'
    })

Answer 1

你不能复制id的值。它必须是独一无二的。这就是原因。

仍然。根据this issue，多个导航尚未实施！

Answer 2

导航无法正常工作

.owlCarousel({
        startPosition: 0,
        margin: 20,
        dots: true,
        loop: true,
        autoplay: true,
        nav: true,
        pagination :true,
        autoplayTimeout:6000,
        responsiveClass:true,
        responsive:{
            0:{

                items:1
            },
            480:{

                items:2
            },
            568:{

                items:2
            },
            667:{

                items:2
            },
            768:{

                items:3
            },
            1024:{
                items:5
            }
        }
    });
});