owl 轮播的 Wordpress 主题实现不会在悬停时停止
Wordpress theme implementation of owl carousel not stopping on hover
所以我有一个 owl 旋转木马滑块,由我正在使用的主题提供,但它不会在悬停时停止自动播放。
我试过将 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">
滑块在其他方面运行良好。
尝试添加:
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">
所以我有一个 owl 旋转木马滑块,由我正在使用的主题提供,但它不会在悬停时停止自动播放。
我试过将 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">
滑块在其他方面运行良好。
尝试添加:
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">