暫停鼠標懸停不能在JCarousel上工作

Question

我去過很多答案，但沒有一個答案我的問題。我有這個JCarousel，自動滾屏。我希望它停止懸停，我需要在我的代碼中添加什麼？

<script type="text/javascript"> 

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     wrap: 'circular', 
     vertical: true, 
     animation: 3500, 
     pauseOnHover: true, 
     scroll:1, 
    }); 
}); 
</script> 

在此先感謝你們！

Answer 1

在你的初始化添加以下代碼：initCallback(carousel)

carousel.clip.hover(function() { 
    carousel.stopAuto(); 
}, function() { 
    carousel.startAuto(); 
}); 

---

這在一個的jCarousel被bug甚至提及。

function mycarousel_initCallback(carousel) 
{ 

    // Pause autoscrolling if the user moves with the cursor over the clip. 
    carousel.clip.hover(function() { 
     carousel.stopAuto(); 
    }, function() { 
     carousel.startAuto(); 
    }); 
}; 

Answer 2

下面是如何使鼠標懸停在工作的jCarousel

一步暫停的resoudere promeble步驟：1使該功能在我們的安全（file.js）的根。

function mycarousel_initCallback(carousel) 
{ 
    carousel.clip.hover(function() { 
     carousel.stopAuto(); 
    }, function() { 
     carousel.startAuto(); 
    }); 
}; 

第2步：使該功能在準備功能

jQuery(document).ready(function() { 

//exemple 
jQuery('#carosule ul').jcarousel({ 
    scroll:1, 
    visible:4, 
    wrap:"circular", 
    animation:300, 
    auto:1, 
    hoverPause: true, 
    width: 160, 
    initCallback: mycarousel_initCallback 

    }); 

}); 

Answer 3

更新的答案留電流。

爲正確答案見https://github.com/jsor/jcarousel/issues/568：

$('.jcarousel').hover(function() { 
    $(this).jcarouselAutoscroll('stop'); 
}, function() { 
    $(this).jcarouselAutoscroll('start'); 
});