jquery - jQuery 的 AJAX 回调效果

Question

我偶然发现了一个问题。我正在使用一个用 jQuery 编写的简单 AJAX 脚本，我想让 AJAX 回调来更改 html，例如具有 easyInOut 效果，但我不知道该怎么做，因为现在，当响应到来时，div 的内容会发生变化具有某种闪烁效果，非常难看，我认为这是默认的“效果”。

脚本:(我尝试将 .fadeOut('slow') 添加到 html() 方法，但没有任何改变)

$.ajax({
    type: "POST",
    url: "institutions-filter.action",
    data: data,
    cache: false,
    success: function(result){
        $("#display-block").html(result);
    }
});  

Answer 1

在更改 html 之前隐藏它，然后显示它:

$.ajax({
    type: "POST",
    url: "institutions-filter.action",
    data: data,
    cache: false,
    success: function(result)
    {
        var $el = $("#display-block");

        $el.fadeOut(400, function()
        {
            $el.html(result).fadeIn(400);
        });
    }
});

将 400 更改为您想要的任何持续时间...