Jquery - TimeOut İşlevi

Question

Aşağıdaki jQuery Kodunu çalıştırmaya çalışıyorum.

$('body.player').find('.tab').click(function(){ 
     $('.playerLoaders').addClass('loading'); 

     setTimeout(function() { 
      if(!$(this).hasClass('active')){ 
       $('.playerLoaders').removeClass('loading'); 
       $('.tab-content[data-tab="' + $(this).attr('data-tab') + '"]').addClass('active').siblings().removeClass('active'); 
       $(this).addClass('active').siblings().removeClass('active'); 
      } 
      return false; 
     },5000); 
}); 

Fakat bir şey gayet doğru çalışmıyor.
"playerLoaders" div etiketi mükemmel çalışıyor, ancak tab-content-div etkin sınıfı kaldırmıyor ve etkin sekmeye ekliyor.

TimeOut işlevini silersem, sekmeler gayet iyi çalışıyor.

Neyi yanlış yapıyorum?

Answer 1

setTimeout işlevinin içinde, 'this' setTimeout bağlamına başvuruyor ve dış işlev bağlamını değil. Dış fonksiyon bağlamına bir referans almalısınız. Şunu bir düşünün:

$('body.player').find('.tab').click(function(){ 
     var self = this; 
     $('.playerLoaders').addClass('loading'); 

     setTimeout(function() { 
      if(!$(self).hasClass('active')){ 
       $('.playerLoaders').removeClass('loading'); 
       $('.tab-content[data-tab="' + $(self).attr('data-tab') + '"]').addClass('active').siblings().removeClass('active'); 
       $(self).addClass('active').siblings().removeClass('active'); 
      } 
      return false; 
     },5000); 
}); 

Kullanmaya devam etmek istiyorsanız, 'Bu' setTimeout işlevi içinde, ayrıca bu gibi bağlayabilir:

setTimeout((function() { 
      if(!$(this).hasClass('active')){ 
       $('.playerLoaders').removeClass('loading'); 
       $('.tab-content[data-tab="' + $(this).attr('data-tab') + '"]').addClass('active').siblings().removeClass('active'); 
       $(this).addClass('active').siblings().removeClass('active'); 
      } 
      return false; 
}).bind(this),5000);