jCarouselLite：悬停时暂停滚动

Question

我正在使用 jCarouselLite，一切正常。 但是，我希望将鼠标悬停在轮播上时自动滚动暂停。

jCarouselLite doco 说我可以使用这个：

$('div.carousel').trigger('pauseCarousel')

但我对 jQuery 了解不多。如何在以下代码中实现该暂停功能？：

<script>
jQuery(function() { 
    jQuery(".carousel").jCarouselLite({
        auto: 3000,
        speed: 1000,
        visible: 1,
        circular: true,
        autoWidth: true,
        responsive: true,
        vertical: true
   });
});
</script>

谢谢

Answer 1

您可以像这样将jQuery.mouseover() 函数链接到您的jCarouselLite 对象实例化：

$('div.carousel').jCarouselLite({
  btnNext: '.next',
  btnPrev: '.prev',
  auto: 3,
  speed: 500
}).mouseover(function(){
  $(this).trigger('pauseCarousel');
});

fiddle 提供现场演示。当您将鼠标悬停在轮播上时，水平滚动将暂停。鼠标离开时，滚动将自动恢复。