当当前延迟尚未结束时，多次单击方法触发其他延迟方法时延迟冲突

Question

当我触发其中一个点击方法时，如果我不再通过点击中断它，则delay（）可以正常工作。 所以我点击等待直到延迟结束，再点击另一个元素再等一下，一切正常。 但是，如果我单击一个元素并中断当前的延迟，则延迟混乱。

//Newsfeed It Clicked
$("[movie_id='"+movie_id+"'] .newsfeed_it").click(function(){
    $("#header .message").css({"display":"block"}).html("<img src='images/loader.gif'/>");
    $.post("ajax/movie_load.php", {load_type:3, movie_id:movie_id, do_it:1},function(loadtext){
        $("#header .message").text(loadtext).delay(3000).fadeOut('slow');
    });
    return false;
});
//Favorite It Clicked
$("[movie_id='"+movie_id+"'] .favorite_it").click(function(){
    $("#header .message").css({"display":"block"}).html("<img src='images/loader.gif'/>");
    $.post("ajax/movie_load.php", {load_type:3, movie_id:movie_id, do_it:2},function(loadtext){
        $("#header .message").text(loadtext).delay(3000).fadeOut('slow');
    });
    return false;
});
//Later It Clicked
$("[movie_id='"+movie_id+"'] .later_it").click(function(){
    $("#header .message").css({"display":"block"}).html("<img src='images/loader.gif'/>");
    $.post("ajax/movie_load.php", {load_type:3, movie_id:movie_id, do_it:3},function(loadtext){
        $("#header .message").text(loadtext).delay(3000).fadeOut('slow');
    });
    return false;
});