javascript - jquery ajax 成功淡入淡出效果

Question

我想在收到 ajax 响应后对页面执行一些效果，例如 fadeIn。 我试过了，

$.ajax({
        type: "post",
        url: actionLink,
        cache: false,
        data: ....someData....,
        success: function(data) {
           $(".response").fadeOut(100);
           $(".response").html(data);
           $(".response").fadeIn(500);
        }
    });

这是有效的，但首先显示数据，并以 500 毫秒的闪烁获取具有淡入淡出效果的数据，但我需要直接获取具有淡入淡出效果的加载数据。

我什至尝试过 Fade out a div with content A, and Fade In the same div with content B ，但我仍然遇到同样的问题。

我也试过:

$(".response").fadeOut(100).hide();
$(".response").show().html(data).fadeIn(500);

还是一样。我该如何解决这个问题？

Answer 1

这东西有用............

jQuery(".response").fadeOut( 100 , function() {
    jQuery(this).html( data);
}).fadeIn( 1000 );