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. 给删除过程带来一些延迟，例如remove类周围的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');

            });

        }