Owl-carousel 2 失去焦点时停止自动播放的工作答案

【问题标题】：Owl-carousel 2 stop the work of autoplay when lose a focusOwl-carousel 2 失去焦点时停止自动播放的工作
【发布时间】：2016-10-29 06:57:44
【问题描述】：

我使用 Owl-carousel 2。我使用 Owl-carousel 2 的初始化和标记标准代码。在第一次加载页面时，carousel 的工作是完美的。当我将浏览器传递到另一个页面并返回或最小化浏览器并再次使用 Owl-carousel 2 打开页面时，Owl-carousel 2 停止工作。当我再次单击导航时，轮播的新开始。我不得不再次尝试将轮播初始化的html代码放在正文中：

var $carousel = $('.owl-carousel');
var owl = $carousel.data('owlCarousel');
owl.trigger("refresh.owl.carousel");

但它不起作用。自动播放需要运行，但它不起作用。我怎样才能纠正这个问题？谢谢

【问题讨论】：

在这个 GitHub 主题中有一个讨论（还没有解决方案），我正在关注它。 github.com/OwlCarousel2/OwlCarousel2/issues/1674

标签： javascript jquery html css owl-carousel

【解决方案1】：

我知道这个问题已经很老了，但由于它还没有答案，而且Owl Carousel 2.2.1 中仍然存在这个问题，所以这里有一个简单的解决方案，希望能对某人有所帮助：

尝试使用 Owl Carousel 的 beta 版本，你可以得到它here。只需获取owl.carousel.js 或owl.carousel.min.js 文件并用它替换您当前正在使用的文件。在撰写本文时，当前的 beta 版本是 2.3.0。我能确认此版本为我解决了问题。

问题是known bug。问题跟踪器中的讨论可以更深入地了解导致它的原因，因此如果您不想使用 beta 版本，可以使用它来修改现有的 owl.carousel.js 以合并您自己的修复。

【讨论】：