jquery - 鼠标悬停暂停在 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

以下是如何在 JCarousel 上使鼠标悬停时暂停的问题的步骤

步骤： 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 2

更新答案以保持最新状态。

正确答案见https://github.com/jsor/jcarousel/issues/568 ：

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

Answer 3

在您的初始化中添加此代码：initCallback(carousel)

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

---

甚至在 jCarousel的一个错误中也提到了这一点。

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();
    });
};