Javascript 猫头鹰转盘在以下链接后停止旋转
我有一个猫头鹰旋转木马滑块设置,以显示网站的赞助商徽标。它当前具有指向滑块内每个图像的外部页面的链接。单击链接(在新选项卡中打开)时,滑块停止旋转。一旦用户跟随链接,然后返回到选项卡,是否有方法让滑块继续旋转 HTML: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">
<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
,它就可以开箱即用。单击,返回并查看您的滑块。。。再次自动滑动