देरी से जोड़ा गया क्लास फ़ंक्शन काम नहीं कर रहा है

Question

मैं यहां क्या कर रहा हूं?

$(function() { 
$('ul li:nth-child(1)').addClass("go").delay(4500).removeClass("go"); 
$('ul li:nth-child(2)').addClass("go").delay(1500).removeClass("go"); 
$('ul li:nth-child(3)').addClass("go").delay(500).removeClass("go"); 
$('ul li:nth-child(4)').addClass("go").delay(4500).removeClass("go"); 
$('ul li:nth-child(5)').addClass("go").delay(1000).removeClass("go"); 
}); 

Answer 1

.delay() केवल एनिमेशन के साथ काम करने के लिए डिज़ाइन किया गया है। आप आप क्या कर रहे के लिए नियमित रूप से setTimeouts का उपयोग कर का सहारा लेना होगा:

var li = $('ul li:nth-child(1)').addClass('go'); 
setTimeout(function() { 
    li.removeClass('go'); 
}, 4500); 

हर <li> एक छोटे से अधिक सुखद के लिए ऐसा करने के लिए, आपको इतना की तरह अपने कोड refactor कर सकते हैं:

$(function() { 
    var delays = [4500, 1500, 500, 4500, 1000]; 
    $('ul li').addClass('go').each(function (i) { 
     setTimeout(function (li) { 
      li.removeClass('go'); 
     }, delays[i], $(this)); 
    }); 
}); 

Answer 2

बस को जोड़ने के लिए है, तो आप उपयोग कर सकते हैं एक .queue:

$('ul li:nth-child(1)').addClass("go") 
         .delay(4500) 
         .queue(function() { 
          $(this).removeClass("go"); 
          $(this).dequeue(); 
         });