Owl 轮播自动播放和 stopOnHover 不工作

Question

我正在玩一个使用 Owl 旋转木马的 boostrap 主题。

这是我正在使用的主题

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

正如您在 link 上看到的，owl-carousel 在两个地方使用

页面顶部的英雄幻灯片
用于推荐。

我想放慢幻灯片的速度，让它们在悬停时停止滑动。

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

<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 and autoplayHoverPause

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

Owl 轮播自动播放和 stopOnHover 不工作

Owl carousel autoplay and stopOnHover not working

javascript

jquery

owl-carousel