jquery - 执行函数不超过一次

Question

我编写了下面所示的代码来调用 lightbox show 并回调一些函数，例如 function_a，但它会触发 16 次。

如何让它只触发一次？

$("#open").click(function(){
    $('.a, .b, .c, .d').fadeOut(600,function(){
        $('.e, .f, .g, .h').fadeIn(400,function(){
            function_a();
        });
    });
});

function_a(){
    console.log('fire')
};

Answer 1

您可以使用$.fn.promise ，例如:

$("#open").click(function(){
    $('.a, .b, .c, .d').fadeOut(600).promise().done(function(){
        $('.e, .f, .g, .h').fadeIn(400).promise().done(function(){
            function_a();
        });
    });
});

来自文档:

The .promise() method returns a dynamically generated Promise that is resolved once all actions of a certain type bound to the collection, queued or not, have ended.

另请注意 classNames must be at least 2 characters long .