如何停止和播放 owl carousel onclick item

Question

如何停止和播放 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');
   }
 });

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');