javascript - JQuery 删除最后一个元素，多次调用

Question

您好，我有以下 JQuery 代码，它将删除容器中的最后一个元素。问题是我的删除是动画的，例如，该方法将连续调用 10 次，然后只会删除 2 或 3 个元素，因为下一堵墙将捕获已被删除但当前正在删除的对象淡出。

        var last = self.options.FollowsContainer.children().last();
        self.usersInFollowsList--;
        if (last != null) {
            last.fadeOut(function () {
                $(this).remove();
            });
        }

我尝试了以下方法，但没有成功

    var last = self.options.FollowsContainer.find(":not(.removing):last");
    self.usersInFollowsList--;
    if (last != null) {
        last.addClass("removing");
        last.fadeOut(function () {
            $(this).remove();
        });
    }

Answer 1

使用 jQuery 选择器 :animated

self.options.FollowsContainer.children(":not(:animated):last").fadeOut(function () {
    this.remove();
});

它获取最后一个非动画子元素并将其淡出