jCarouselLite：暂停滚动上悬停

我使用jCarouselLite和everythig工作正常。但是，我希望一旦将鼠标悬停在旋转木马上，自动滚动就会暂停。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>

感谢

来源

2014-11-09 HomTom

-1

你可以链jQuery.mouseover()功能，您jCarouselLite对象实例化这样的：

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

现场提供试玩这fiddle。将鼠标悬停在旋转木马上时，水平滚动将暂停。在鼠标离开时，滚动将自动恢复。

来源

2014-11-09 01:21:35

谢谢，但它不适合我。现场演示也不起作用。 – HomTom 2014-11-09 02:28:47

它看起来像'http：// plugins.learningjquery.com/jcarousellite/src/jquery.jcarousellite.js'文件没有在jsfiddle上正确加载。 – 2014-11-09 05:59:15

您是否尝试过使用我的更改更新您的代码？旋转木马应该开始水平滚动。当你的鼠标悬停在上面时，它会暂停滚动，然后继续进行鼠标移出。如果你真的想看到小提琴的作品，你将不得不导航到我上面发布的js文件链接，刷新浏览器，以便您的浏览器可以缓存js。 – 2014-11-09 06:11:39

jCarouselLite：暂停滚动上悬停

回答

相关问题