jquery – 完全完成上一个事件后如何运行事件

嘿家伙我有一些 jquery问题请看下面的代码.
我有2个活动在运行.我想要实现的是当第一个事件完全结束然后我想要运行第二个事件.

第一次活动

$("#brand div").each(function(e) {
$(this).delay(600*e).fadeto('slow',1)
})

第二次活动

$(".b-circle-image a").each(function(ev) {
$(this).delay(600*ev).fadeto('slow',1);
})

我甚至尝试使用status = false;但仍然无法正常工作.

var checkStatus  = true;
    $("#brand div").each(function(e) {//display segments in order
      $(this).delay(600*e).fadeto('slow',1)
      checkStatus = false;
    })
    if(!checkStatus==false){
      $(".b-circle-image").show();
      $(".b-circle-image a").each(function(ev) {//display circle image in order
      $(this).delay(600*ev).fadeto('slow',1);
    })
    }

如果任何人对此有任何想法,将不胜感激.

解决方法

// You can create deferred object for each fadeto and resolve it on complete animation callback.
var firstEvent = $("#brand div").map(function(i,el) {
    var dfd = $.Deferred();
    $(el).delay(600*i).fadeto('slow',function() {
        dfd.resolve();
    })
    return dfd;
});
// Then use $.when function (http://api.jquery.com/jQuery.when/)
$.when.apply(this,firstEvent).done(function() {
    $(".b-circle-image a").each(function(i) {
        $(this).delay(600*i).fadeto('slow',0);
    });
});