javascript - 在新标签页中打开时自动播放幻灯片不起作用

标签 javascript jquery html css owl-carousel

owl.carousel.js 用于 jquery 幻灯片放映的插件,第一次这个幻灯片放映正常工作但是当我在 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')
   });
});

最佳答案


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

关于javascript - 在新标签页中打开时自动播放幻灯片不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45932629/

相关文章:

javascript - 减少用于加速交互的 jquery 选择器的数量

javascript - 将 Webpack CommonsChunkPlugin 输出拆分为多个文件

javascript - 如何使用 progressBar.js 在特定路径上放置渐变?

javascript - 形成 Angular Action

javascript - 更改 RTE 内的类和样式属性(设计模式打开)

javascript - 如何在字符串 javascript 中添加 json stringify?

html - 对齐圆圈文本

javascript - Jquery 插件无法处理多个元素

使用 ServiceStack 的 HTML 表单方法 PUT

javascript - 添加另一个新单选按钮时如何保存单选按钮的值