Owl旋转木马自动播放和stopOnHover不工作

Question

我正在玩一个boostrap主题是使用猫头鹰旋转木马。

这是我使用的主题

https://demo.themewagon.com/preview/free-html5-bootstrap-4-travel-agency-website-template-ecoland

正如您在链接中所看到的，猫头鹰旋转木马用于两个地方

1. 用于页面顶部的英雄幻灯片
2. 用于证明。

我想减慢滑梯的速度，让它们在悬停状态下停止滑行。

我在页面底部添加了一个脚本,如下所示：

<script>
$(".owl-carousel").owlCarousel({
 //Autoplay
 autoplay:true,
 autoplayTimeout:10000, 
 stopOnHover : true
})
</script>
<script src="/js/owl.carousel.min.js"></script>

<div class="home-slider owl-carousel enablescroll">

这个脚本到目前为止还不起作用，我不确定要修改什么。

感谢任何建议。

Answer 1

尝试使用autoplaySpeed和autoplayHoverPause

$(".owl-carousel").owlCarousel({
 //Autoplay
 autoplay: true,
 autoplaySpeed:10000, 
 autoplayHoverPause: true
})