jQuery 줄이 콜백 함수 내에서 작동하지 않습니다.

Question

QueryLoader2을 사용 중이며 #projects-list과 footer p에서 fadeInUp 클래스를 제거하고 싶습니다. 그러나 어떤 이유로 든이를 수행하지 않습니다. slideDown()에 대한 콜백 함수 바로 뒤에 클래스를 제거하고 싶습니다. 잘못 포맷 했습니까?

window.addEventListener('DOMContentLoaded', function() { 
    new QueryLoader2(document.querySelector("body"), { 
     barColor: "#fff", 
     backgroundColor: "#000", 
     percentage: true, 
     barHeight: 1, 
     minimumTime: 200, 
     fadeOutTime: 0, 
     onComplete: function() { 
      $('#masthead').slideDown(100, function(){ 
       $('#projects-list, footer p').show().addClass('fadeInUp'); 
      }); 
      $('#projects-list, footer p').removeClass('fadeInUp'); 
     } 
    }); 
}); 

Answer 1

, 그런 다음 클래스를 제거 100ms로 나중에 그것을 추가된다. 이로 인해 fadeInUp 클래스가 제거되지 않은 것처럼 보입니다.

다음 중 하나를

1. 는, 제거의 과정에 같은 제거 클래스 주위 setTimeout, 또는
2. 일부 지연을 넣어은 slideDown 완성 기능 내부를 포함합니다.

Answer 2

나는이 테스트를하지만, 이런 식으로 뭔가를 시도하지 않은 : 위의 코드를 기반으로

이

 onComplete: function() { 
      $('#masthead').slideDown(100, function(){ 
       //this is very you should have your code that you want to execute after 
       // slide down 
        $('#projects-list, footer p').removeClass('fadeInUp'); 
       // do you need the line below? 
       //$('#projects-list, footer p').show().addClass('fadeInUp'); 

      }); 

     }