Проблема с порядком эффектов jQuery

Question

Я бы хотел fadeOut кнопку, затем fadeIn ответ на Ajax-вызов.Ответ - новая кнопка.Однако следующий код выполняет fadeOut первую кнопку, затем ее затухание, а затем заменяет ее новой.Я попробовал несколько комбинаций, но не смог заставить его работать.где я ошибся?

beforeSend: function()
{
    $(this).fadeOut("slow");
},

success: function(response)
{
    $(this).fadeIn("slow", function () {
        $(this).parent().html(response);
    });
}

Answer 1

this внутри вызова AJAX больше не является предыдущим элементом.Вы должны сохранить его в переменной, предшествующей вызову AJAX, например:

var button = $(this);

и позже:

button.fadeOut();

и т. Д.на.

Answer 2

$(this).parent().html(response); будет эффективно устранять this.Поэтому, изменив его на это, вы должны исправить это:

$(this).parent().html(response);
$("#thething").stop().fadeIn("slow");

, где #thething - идентификатор "этого"

РЕДАКТИРОВАТЬ: и то, что сказал Моргар.

Answer 3

Попробуйте это (обратите внимание на опечатку "show" на fadeOut):

beforeSend: function()
{
    $(this).fadeOut("slow");
},

success: function(response)
{
    $(this).parent().html(response);
    $(this).stop().fadeIn("slow");
}