猫头鹰轮播的WordPress主题实现不会在悬停时停止答案

【问题标题】：Wordpress theme implementation of owl carousel not stopping on hover猫头鹰轮播的WordPress主题实现不会在悬停时停止
【发布时间】：2019-09-21 16:43:25
【问题描述】：

所以我有一个猫头鹰轮播滑块，由我使用的主题提供，但它不会在悬停时停止自动播放。

我尝试将animation-play-state:paused 添加到相应元素的:hover 中，但这不起作用。我不是一个 Javascript 人，所以我真的不知道如何继续。

这是轮播 html：

<div class="owl-carousel owl-loaded owl-drag" data-dots="false" data-nav="true" data-items="3" data-items-laptop="2" data-items-tab="1" data-items-mobile="1" data-items-mobile-sm="1" data-autoplay="true" data-loop="true" data-margin="30">

滑块在其他方面工作正常。

【问题讨论】：

标签： javascript wordpress owl-carousel

【解决方案1】：

尝试添加：

data-autoplay-hover-pause="true"

所以你会得到：

<div class="owl-carousel owl-loaded owl-drag" data-dots="false" data-nav="true" data-items="3" data-items-laptop="2" data-items-tab="1" data-items-mobile="1" data-items-mobile-sm="1" data-autoplay="true" data-loop="true" data-margin="30" data-autoplay-hover-pause="true">

【讨论】：