jQuery ajaxSuccess несколько вызовов для создания эффекта кажется избыточным, есть ли другой способ?

Question

Эффект, который я в настоящее время создаю, - это быстрое исчезновение, а затем постепенное появление элемента при успешном выполнении запроса.

Поскольку jQuery обрабатывает обычным образом (сверху вниз), я могузаставить мой эффект работать с моим «хаком» ниже.

Но я хотел бы знать, есть ли лучший способ создать этот эффект.Вот что у меня сейчас ... Я не смог найти другой способ сделать это:

$('#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, в которой все анимационные эффекты на элементе хранятся до тех пор, пока они не смогут выполняться. Нет необходимости использовать функцию обратного вызова для добавления другого эффекта ( см. JsFiddle ).