如何停止和播放猫头鹰轮播点击项目

Question

如何停止并播放猫头鹰旋转木马点击项目，这是我的代码

$('.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');