使用jQuery进行AJAX回调效果

Question

我偶然发现了一个问题.我正在使用一个用jQuery编写的简单AJAX脚本,我想用AJAX回调来改变html with easeInOut效果,但是我不知道怎么做,因为现在,当响应来了,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你想要的任何持续时间......