Question

用于jquery幻灯片放映的

owl.carousel.js 插件，在此幻灯片放映第一次正常工作但我在firefox或chrome中打开新标签时，我看到自动播放幻灯片无法正常工作

演示：http://minimoviez.info/ 演示：https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html

$(document).ready(function () {
   var owl = $('.owl-carousel');
   owl.owlCarousel({
       items: 5,
       loop:true,
       margin: 10,
       autoplay: true,
        stopOnHover : false,
       autoplayTimeout: 1000,
       responsive:false,
       dots: false
   });

   $('.play').on('click', function () {
       owl.trigger('play.owl.autoplay', [1000])
   });
   $('.stop').on('click', function () {
       owl.trigger('stop.owl.autoplay')
   });
});

Answer 1

我认为你只需要通过点击＆＃34;播放＆＃34;来删除触发器。并且＆＃34;停止＆＃34;你没有的按钮。

也许您需要在文档就绪函数中保留owl.trigger('play.owl.autoplay', [1000]);。

试试吧。现在我无法下载插件试试。

Answer 2

此错误已报告并已在新版本中修复。 bug reported link
只需将脚本更新到最新版本即可这个链接：
Owl Carousel v2.3.0

Answer 3

我的问题已通过此代码解决

setInterval（function（）{owl.trigger（'stop.owl.autoplay'）; owl.trigger（'play.owl.autoplay'，[1000]）; }，24000）;

我不知道为什么这个问题符合，但是这个代码已经解决了

在新标签页中打开时，自动播放幻灯片显示无法正常工作

3 个答案: