点击或自动播放的猫头鹰旋转木马事件

Owl Carousel Event from Click or Autoplay

本文关键字:猫头鹰 旋转木马 事件 自动播放      更新时间:2023-09-26

试图找到一种方法来区分由鼠标点击触发的Owl Carousel 2.0事件(translatechange)与由自动播放事件触发的事件。

我将非常感谢以更通用的形式解决问题的答案——对于一个可以由用户和setInterval同时触发的事件,该事件是否有任何属性可以帮助区分来源?

示例设置

您可以使用布尔值来跟踪单击转盘的时间。

var clicked = false;
$('.carousel').click(function() {
    clicked = true;
  $(this).trigger('next.owl.carousel');
});
$('.carousel').on('change.owl.carousel', function(event) {
  if (clicked) {
    clicked = false;
    $('.info').text('click');
  } else {
    $('.info').text('autoplay');
  }
});

更新的小提琴:http://jsfiddle.net/jn67faot/

我想您这样做是为了给自动播放事件添加一些逻辑。

如果你是的话,我可以通过做以下事情来实现这一点。

在owl.carousel.js文件中,您可以找到自动播放事件。在我的特殊情况下,我希望在自动播放处理的末尾添加功能。

Autoplay.prototype._next = function(speed) {
// Native Carousel Logic

// Additional Custom Code here
}