jquery catch 每次都延迟完了？

Question

$("#div_game_container").on("click", ".square", squareClick);

function squareClick() {
    var group = $(this).data("group");

    if ($("." + group).hasClass("active")) {

        // off click event
        $("#div_game_container").off("click", ".square", squareClick);

        $("." + group).each(function (index) {
            $(this).delay(100 * index).fadeOut(100);
        });

        // on click event. this line does not wait "each" function 
        $("#div_game_container").on("click", ".square", squareClick);
}

上面的代码不起作用。实际上，它有效，但不是我的预期。我注释掉了问题所在。

我也像这样添加延迟：

$("#div_game_container").delay(each_delay_time).on("click", ".square", squareClick);

但没有变化。我怎样才能捕捉到“每个”迭代已经完成？我想在每个方法运行时阻止点击事件，并且在每个方法完成后，然后激活点击事件

Answer 1

使用.promise() 对象：

$("." + group).each(function (index) {
    $(this).delay(100 * index).fadeOut(100);
});
$("." + group).promise().done(function() {
    $("#div_game_container").on("click", ".square", squareClick);
});