javascript - 如何停止并播放 Owl Carousel onclick 项目

标签 javascript owl-carousel owl-carousel-2

如何停止并播放 Owl Carousel onclick 项目,这是我的代码

 $('.hero-area').on('click', function(event){
    var $this = $(this);
    if($this.hasClass('clicked')){
      owl.trigger('play.owl.autoplay');
    } else{
    owl.trigger('play.owl.autoplay');
   }
 });

最佳答案

使用owl.trigger('stop.owl.autoplay');停止轮播。

你可以试试这个:

 $('.hero-area').on('click', function(event){
    var $this = $(this);
    if($this.hasClass('clicked')){
      owl.trigger('play.owl.autoplay');
    } else{
    owl.trigger('stop.owl.autoplay');
   }
 });

在此处查看更多信息:https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html

关于javascript - 如何停止并播放 Owl Carousel onclick 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52318529/

相关文章:

javascript - Owl Carousel 导航缺陷

css - 仅使用CSS的Owl Carousel插件的图片图标切换效果

javascript - 初始化时 Owl-Carousel 超大图像

jquery - Angular 2 owlCarousel 不是一个函数

javascript - 如果新旧值相同,react setState 是否执行?

javascript - 如何将 JQuery 应用于具有相同类的每个元素?

javascript - 将 Owl Slider 与 WordPress 默认库结合使用

javascript - 如何在猫头鹰旋转木马的屏幕上显示上一个和下一个 slider ?

javascript - 如何在javascript文件之间共享数据?

c# - asp.net 中可调整大小的 ImageButton 或 Button