如何在动画结束后执行操作？

Question

我有我的代码：

$(this).attr("disabled","disabled");
$(this).animate({'opacity':'0.6'}, 200);
$(this).animate({'opacity':'1'}, 200);
$(this).attr("disabled","");

我希望在keypress'ed时禁用输入，只有当动画执行时才会启用它。

我该怎么做？

编辑：我刚才意识到我可以这样做：$(this).delay(200).attr("disabled","");。这是好的做法吗？

Answer 1

使用回调：

$(this).animate({'opacity':'0.6'}, 200, function() {
    // Animation complete.
  });

Answer 2

延迟事件不是很好的做法，最好使用动画回调函数。例如：

$(this).animate({'opacity':'1'}, 200, function(){
  $(this).attr("disabled","");
});

Answer 3

尝试这样的事情：

$(this).animate({ 'opacity': '1' }, 200, function () {   
    $(this).attr('disabled', '');   
});