여러 개의 jCarousels, 마지막 하나만 의도 한대로 작동합니다.

Question

한 페이지에 여러 jCarousels을 갖기 위해 노력 중입니다. http://abhinavsood.com/labs/jquery/jcarousel-autoscroll-both-directions/test.html - 캐 러셀의 작업이 페이지에 설명되어 있습니다.

내 문제는 두 번째 (또는 여러 개의 회전식 캐 러셀의 경우 마지막) 의도 한대로 작동한다는 것입니다. 첫 번째 컨베이어의 다음 및 이전 컨트롤을 마우스로 가리키면 두 번째 컨베이어가 회전합니다. 나는 그들이 독립적으로 일하도록하고 싶다. 소스를 보면 59 행에서 70 행까지이 코드가 원인입니다.

제발 도와주세요. 도움을 주시면 감사하겠습니다.

Answer 1

초기화 기능에서 모두 .jcarousel-next 및 .jcarousel-prev 요소를 선택합니다. carousel.buttonNext 요소에 바인딩하여 현재 초기화 된 회전식 메뉴로 현지화하십시오.

carousel.buttonNext.bind('mouseenter', function() { 
    carousel.startAuto(1.00); 
}); 

carousel.buttonPrev.bind('mouseenter', function() { 
    carousel.startAuto(-1.00); 
}); 

carousel.buttonPrev.add(carousel.buttonNext).bind('mouseleave', function(){ 
    carousel.stopAuto(); 
});