올빼미 캐 러셀 탐색 기능이 작동하지 않습니다.

Question

두 개의 캐 러셀이 서로 아래에 있으며, 탐색 화살표의 위치를 ​​변경하기 위해 "navContainer"기능을 사용하고 있습니다 (슬라이더 위에 위치 시켰습니다).

하나의 슬라이더가있는 경우 작동하지만 두 개 이상의 슬라이더에 대한 탐색은 첫 번째 "탐색"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에 따르면 여러 탐색이 아직 구현되지 않았습니다!