javascript - jQuery children().fadeOut() 然后执行单个函数

Question

我有一个看起来像这样的 jQuery 函数:

$.get(urlCall, function (data) {
    $('#divId').children().fadeOut("slow", function() {
        $('#divId').append(data);
        $('#divId').fadeIn("slow");
    });
});

问题是它正在为“#divId”下的每个子项调用一次附加和淡入线。我在等这条线

$('#divId').children().fadeOut("slow", function() {    

淡出所有 child ，然后执行 function() 一次。但是因为它为每个 child 执行一次 function() ，所以我附加了很多我不想附加的行。

我确信一定有一种方法可以说“淡出所有 child ，然后做 X 一次”，但我似乎无法弄清楚该怎么做。

帮忙吗？

Answer 1

你可以使用.promise()

$('#divId').children().fadeOut("slow").promise().done(function() {
    $('#divId').append(data);
    $('#divId').fadeIn("slow");
});

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.

By default, type is "fx", which means the returned Promise is resolved when all animations of the selected elements have completed.

对于反对者

演示:Fiddle