jquery - jQuery 的效果顺序问题

Question

我想要fadeOut一个按钮，然后 fadeIn Ajax 调用的响应。响应是一个新按钮。然而，以下代码的作用是淡出第一个按钮，将其淡入，然后用新按钮替换它。我尝试了几种组合，但无法使其工作。我哪里出错了？

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

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

Answer 1

AJAX 调用中的

this 不再是前一个元素。您必须将其存储在 AJAX 调用之前的 var 中，例如:

var 按钮 = $(this);

及以后:

button.fadeOut();

等等。