帶有IF語句的jquery延遲函數

Question

任何人都可以告訴我爲什麼我的IF語句在更新每個循環的UI之前觸發？

代碼基本上想要延遲添加css類到用戶界面，然後一旦每個添加，重定向用戶。它目前只是立即指示？！

$("#logo").click(function() { 

    //define variables: 
    var eventDuration = 500; 
    var elementArray = ['ribbon', 'left-panel', 'wid-id-1', 'wid-id-2']; 
    var animationArray = ['slideOutRight', 'slideOutLeft', 'rotateOutUpRight', 'rotateOutUpRight']; 

    //Loop through elements and update UI with timer function: 
    $.each(elementArray, function(index, value) { 

     //Increments the delay of the element updates: 
     var delaytimer = index * eventDuration + eventDuration; 

     //Adds animation css classes to onpage elements: 
     $('#' + value).delay(delaytimer).queue(function() { 
      $(this).addClass('animated ' + animationArray[index]).dequeue(); 
     }); 

     //Once complete redirect to the home page: 
     if (index === 3) { 
      $(this).delay(delaytimer + 500).queue(function() { 
       window.location.replace('/').dequeue; 
      }); 
     } 

    }); 
}); 

Answer 1

您的if語句正在立即執行，因爲它不在延遲函數中。嘗試在那裏移動它。

$('#' + value).delay(delaytimer).queue(function() { 
     $(this).addClass('animated ' + animationArray[index]).dequeue(); 


     //Once complete redirect to the home page: 
     if (index === 3) { 
      $(this).delay(delaytimer + 500).queue(function() { 
       window.location.replace('/').dequeue; 
      }); 
     } 
    });