Question

当鼠标进入HTML部分时，我希望我的猫头鹰旋转木马开始滚动。我正在使用下面的代码。我尝试使用下面的代码，但这似乎不能正常工作。它仅适用于第一个滑块，然后每次我让鼠标离开并进入以滑动项目。请参阅下面的代码段：

var owl=$('#service-slider');
owl.owlCarousel( {
    loop:true, autoplayTimeout:100, autoplayHoverPause:false, margin:0, nav:true, items:3, rewind:false, dots:false, navText:['<span><img src="images/slider-arrow.png" alt="slider arrow"></span>', '<span><img src="images/slider-arrow.png" alt="slider arrow"></span>'], responsive: {
        0: {
            items: 1, nav: true, dots: false, autoHeight: true,
        }
        , 600: {
            items: 2, autoHeight: true,
        }
        , 768: {
            items: 2
        }
        , 1025: {
            items: 3
        }
    }
}

);
$('.service-slider').on('mouseenter', function() {
    owl.trigger('play.owl.autoplay', [100]);
}

);
$('.service-slider').on('mouseleave', function() {
    owl.trigger('stop.owl.autoplay');
}

非常感谢任何帮助......

Answer 1

我查看了你的代码。我不知道为什么你调用.service-slider检查是否存在该类。默认情况下，owl carousel使用.owl-stage你可以使用这个类。

$('.owl-stage').on('mouseenter', function() { owl.trigger（＆＃39; play.owl.autoplay＆＃39;，[100]）; }）; $（＆＃39;。 owl-stage＆＃39;）。on（＆＃39; mouseleave＆＃39;，function（）{ owl.trigger（＆＃39; stop.owl.autoplay＆＃39;）; {{1} }}）;

如何使用mouseenter自动播放猫头鹰旋转木马2滑块？

1 个答案: