JQuery:淡出，执行操作，然后淡入

Question

所以我有相当于 html 表单的内容，但不是实际的 <form> ，本身。我有一个“清除”按钮，目前正在使用该按钮将所有字段重置回默认值。

从美学的角度来看，我希望表单淡出，在“消失”时重置，然后在完全重置时淡出。到目前为止，我已经得到了这段代码来尝试实现这一目标:

function Reset() {

    $formDiv.fadeOut(function() {

        // perform reset actions here
        $(this).fadeIn()
    });
}

但是，当 div 淡出时，字段会被重置，因此用户会看到它们在淡出时物理上全部更改回默认值。然后，在淡出完成后，它会立即淡入。关闭，但我不希望用户看到字段被重置。我尝试了以下操作，因此它会等到 fadeOut 完成才能重置字段，但我遇到了无限循环或其他问题(浏览器说脚本运行缓慢并询问我是否要停止它):

function Reset() {

    $formDiv.fadeOut(function() {

        while (!$(this).is(':animated')) {
            // perform reset actions here
        }

        $(this).fadeIn()
    });
}

所以我不太确定从这里该去哪里。任何帮助，将不胜感激。谢谢。

Answer 1

我最近遇到了同样的问题，fadeOut 似乎工作不正常，我找到了解决方案:

$(this).animate({opacity:'0'},function(){

   //here changes to this element

   $(this).animate({opacity:'1'});
})

它看起来与 fadeIn/fadeOut 相同，但它按预期工作(在元素不可见时进行更改)

我希望你们中的一些人会发现它很有用。