Owl Carousel Navigation not working

Question

私は2つのカルーセルを持っており、ナビゲーション・アローの位置を変更するために "navContainer"機能を使用しています（私はそれらをスライダーの上に置いています）。

私は1つのスライダを持っていますが、それは動作しますが、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のは、あなたがidの値を複製することはできません

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

Answer 1

です。ユニークでなければなりません。それが理由。

まだ。 this issueによれば、複数のnavはまだ実装されていません！