如何停止和播放猫头鹰转盘onclick项

Question

如何停止和播放猫头鹰转盘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');
   }
 });

Answer 1

使用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

Answer 2

尝试一下：

var owl = $("#owl-banner");
owl.trigger('owl.stop');