javascript - jQuery fadeIn 在其回调中运行两次

Question

var counter = 0;
jQuery("#div1, #div2").fadeIn('300',function(){
{
    counter++;
    console.log(counter);
}

上面的代码将打印“1”和“2”，因为 jQuery 淡入隐含在两个不同的 DOM 对象上。有没有办法在不破坏这段代码的情况下让它只运行一次？

Answer 1

一个简单的解决方案:

$("#div1").fadeIn(300);
$("#div2").fadeIn(300,function(){
   // do something only once
});

最干净的解决方案是使用 jQuery's promise system :

$.when($("#div1, #div2").fadeIn('300')).done(function(){
   // do something only once
});

demonstration