Question

我正在创建的效果是快速淡出，然后在请求成功时淡化元素。

因为jQuery以常规方式处理（从上到下）我可以使用我的下面的“hack”来实现我的效果..

但我想知道是否有更好的方法来创造这种效果。这就是我现在所拥有的......我还没有找到另一种方法来做到这一点：

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

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

Answer 1

尝试：

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

Answer 2

事实上，你可以这样做：

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

jQuery具有fx队列，其中存储元素上的所有动画效果，直到它们可以执行。无需使用回调函数来附加另一个效果（see jsFiddle）。

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

2 个答案: