多个jCarousels，只有最后一个按预期工作

Question

我正在尝试在一个页面上放置多个jCarousel：http://abhinavsood.com/labs/jquery/jcarousel-autoscroll-both-directions/test.html - 在页面上解释了轮播的工作。

我的问题是，第二个（或多个转盘的最后一个）按预期工作。将鼠标悬停在第一个旋转木马的下一个控制器和之前的控件上也会使第二个旋转木马旋转。我想让他们独立工作。如果您查看来源，罪魁祸首就是第59行到第70行的代码。

请帮助我，我非常感谢你的帮助。

Answer 1

您正在选择init函数中的所有.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();
 });