jQuery ajaxSuccess多次调用创建效果似乎多余，还有另一种方法吗？

问题描述

| 我当前正在创建的效果是，请求成功后，该元素快速淡出，然后淡入。 因为jQuery以常规方式处理（从上到下），所以我可以使用下面的“ hack”来获得效果。 但是我想知道是否有更好的方法来产生这种效果。这是我现在所拥有的..我无法找到另一种方法来做到这一点：

$(\'#submitButton\').ajaxSuccess(function () {
$(\"#records_results_table\").fadeOut();
});

$(\'#submitButton\').ajaxSuccess(function () {
$(\"#records_results_table\").fadeIn();
});

    

解决方法

        尝试：

$(\'#submitButton\').ajaxSuccess(function () {
    $(\"#records_results_table\").fadeOut(300,function(){
        $(this).fadeIn();
    });
});

    ,        实际上，您可以执行以下操作：

$(\"#records_results_table\").fadeOut().fadeIn();

jQuery具有“ 3”队列，在该队列中存储元素上的所有动画效果，直到它们可以执行为止。无需使用回调函数来附加另一个效果（请参见jsFiddle）。