使用延迟管道的jQuery动画？

我试图在jQuery脚本中使用管道来设置动画命令。我有18个动画功能，我想按顺序运行，然后我需要CSS位置重置，以便我可以再次运行动画

NB：我已经按照建议更新了此代码以链接命令，新代码是……

$.Deferred(function(dfr) {
dfr.pipe(function() {
$(".block1").delay(500).fadeIn().animate({"left": "+=600px"}, 2500, "linear") .animate({left: '+=10', bottom: '+=10'}, 100, "linear").animate({"left": "+=27px"}, 100, "linear").animate({left: '+=10', bottom: '-=10'}, 100, "linear").animate({"left": "+=25px"}, 100, "linear").fadeOut().css('background', 'red'); 
$(".block2").delay(500).fadeIn().animate({"left": "+=692px"}, 2870, "linear").fadeOut(); 
$(".block3").delay(4010).fadeIn().animate({"left": "+=29px"}, 250, "linear").fadeOut(); 
$(".block4").delay(4010).fadeIn().animate({"left": "+=10px"}, 250, "linear").animate({bottom: '+=15'}, 100, "linear").fadeOut();
}).
pipe(function() {
$(".block1").css('left', '0px');
}).
pipe(function() {
$(".block1").delay(500).fadeIn(); 
});
}).resolve();

为此，我已经使用了at的示例。这对我不起作用

---

有人能给我指出正确的方向吗？

虽然这不能解决您的问题，但请将这些命令链接起来。它将更加高效，而不是每次调用都必须在dom中运行

$(".block1").delay(500).fadeIn()
    .animate({"left": "+=600px"}, 2500, "linear")
    .animate({left: '+=10', bottom: '+=10'}, 100, "linear");

---

传递给管道方法的函数应为。在这种情况下，只需将动画传回即可

e、 g:

---

感谢您的建议，我尝试使用上的代码实现链接，但它不起作用。你能看到我做错了什么吗？好的，我已经成功地链接了这些命令，我更新了上面的代码。CSS仍同时被触发，尽管：(

$.Deferred(function (dfr){
    dfr.pipe(function (){
        return $(".block1").delay(500).fadeIn(); 
    });
}).resolve();