Owl跟随link后转盘停止旋转

Question

我有一个 Owl 轮播滑块设置来显示网站的赞助商徽标。目前，滑块内的每个图像都有 link 到外部页面。单击 link（在新选项卡中打开）时，滑块停止旋转。一旦用户跟随 link 然后 returns 到选项卡，是否有办法让滑块继续旋转？

HTML:

<div id="partners">
    <div style="text-align:center;">
        <p> <a href="https://google.com" target="_blank">
        <img src="http://placehold.it/300" /></a>
        </p>
        <h5>
        Platinum Sponsor
        </h5>
    </div>
... 
</div>

JavaScript:

$(document).ready(function() {
    $('#partners').owlCarousel({
        items: 4,
        autoPlay: true,
        loop: true,
        stopOnHover : false
    });
});

JSFiddle: https://jsfiddle.net/x1x10nz1/6/

Answer 1

没有多少技术性的回答，但更像是一个 suggestion/answer:

我认为在悬停时不停止滑块不是什么好事UI。
用户想要点击一个项目，但是嘿！砰！我们滑了！耶！.
因此，只需使用：stopOnHover : true 即可开箱即用。
单击，返回并查看您的滑块...再次自动滑动。

Owl跟随link后转盘停止旋转

Owl Carousel stops rotating after following link

html

javascript

owl-carousel