Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 猫头鹰转盘在以下链接后停止旋转_Javascript_Html_Owl Carousel - Fatal编程技术网

Javascript 猫头鹰转盘在以下链接后停止旋转

Javascript 猫头鹰转盘在以下链接后停止旋转,javascript,html,owl-carousel,Javascript,Html,Owl Carousel,我有一个猫头鹰旋转木马滑块设置,以显示网站的赞助商徽标。它当前具有指向滑块内每个图像的外部页面的链接。单击链接(在新选项卡中打开)时,滑块停止旋转。一旦用户跟随链接,然后返回到选项卡,是否有方法让滑块继续旋转 HTML: <div id="partners"> <div style="text-align:center;"> <p> <a href="https://google.com" target="_blank">

我有一个猫头鹰旋转木马滑块设置,以显示网站的赞助商徽标。它当前具有指向滑块内每个图像的外部页面的链接。单击链接(在新选项卡中打开)时,滑块停止旋转。一旦用户跟随链接,然后返回到选项卡,是否有方法让滑块继续旋转

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>
$(document).ready(function() {
    $('#partners').owlCarousel({
        items: 4,
        autoPlay: true,
        loop: true,
        stopOnHover : false
    });
});
JSFiddle:

不是一个技术性的答案,而是一个建议/答案:

我认为在悬停时不停止滑块不是一个好的UI。
一个用户想要点击一个项目,但是嘿!砰!我们滑倒了!是的
因此,只需使用:
stopOnHover:true
,它就可以开箱即用。
单击,返回并查看您的滑块。。。再次自动滑动