多個jCarousels，只有最後一個按預期工作

Question

我想在一個頁面上有多個jCarousels：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(); 
});