2017-08-29 48 views
0

owl.carousel.js插件用于jquery幻灯片,第一次这个幻灯片显示工作正常,但是当我在Firefox或铬打开一个新的标签,我看到自动播放幻灯片无效。自动播放幻灯片不工作时,在新标签打开

演示: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') 
    }); 
}); 
+0

你能上传演示在这里工作。 –

+0

这是一个演示https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html –

回答

0


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

+0

tnx,我拿了一个很多时间对于它 –

+0

我使用这个版本2.3.0,但这是行不通的 –

+0

我检查了你的网站,你现在使用v2.2.1! –

0

我想你只需要通过点击“播放”和“停止”,你不必按钮删除触发器。

也许你需要保留owl.trigger('play.owl.autoplay', [1000]);在你的文档就绪功能。

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

+0

嗨,我的朋友,我也试过这个,但是当我打开一个新的标签,这不工作,并停止, –

0

我的问题是这段代码

的setInterval(函数(){owl.trigger( 'stop.owl.autoplay')解决; owl.trigger('玩。 owl.autoplay',[1000]);},24000);

我不知道为什么这个问题协议,但这些代码解决