延迟函数 removeClass

Question

我的 Owl Carousel 有一个功能，当当前滑块可见时添加一个“开启”类，不可见时删除。

function syncPosition(el){

  var current = this.currentItem;      

  this.owl.owlItems.removeClass('turn-on');

  setTimeout( function() {
  $(this).removeClass("turn-on");
  }, 2000);

  $(this.owl.owlItems[this.owl.currentItem]).addClass('turn-on');

  }

现在我需要为 removeClass 添加 2 秒延迟。 我尝试过设置超时，延迟，但我做错了，因为它不起作用。

检查这个fiddle

有人可以帮我解决这个问题吗？

Answer 1

因为超时中的this 与syncPosition 中的不同。 应该是

function syncPosition(el){

  var current = this.currentItem;      

  this.owl.owlItems.removeClass('turn-on');
  var t = this;     

  setTimeout( function() {
     $(t).removeClass("turn-on");
  }, 2000);

  $(this.owl.owlItems[this.owl.currentItem]).addClass('turn-on');

  }