jquery - 淡出内容 A 的 div，淡入内容 B 的同一 div

Question

我有以下内容:

$(function() {
    $('.ajaxloader').click(function(event) {
        var target = $(this).attr('href');
        window.location.hash = target;
        $('#conteudoInscricao').fadeOut('slow', function() {
            $.ajax({
                url: target,
                    success: function(data) {
                        $('#conteudoInscricao').html(data);
                        $('#conteudoInscricao').fadeIn('slow');
                    }
            });
        });
        return false;
    });
});

这几乎可以正常工作。问题是……效果并不顺利。我的意思是，首先它淡出内容 A，然后保持空白，然后淡入内容 B。

我想要的是缓和效果，以便当他在接近结尾时淡出时，他开始淡入，以便效果可以平滑。

下面的代码如何实现？

提前非常感谢， 内存管理

Answer 1

试试这个:

$(function() {
    $('.ajaxloader').click(function(event) {
        var target = $(this).attr('href');
        window.location.hash = target;
        $.ajax({
            url: target,
            success: function(data) {
                $('#conteudoInscricao')
                    .fadeOut('slow', function() {
                        $(this).html(data).fadeIn('slow');
                    });
            }
        });
        return false;
    });
});

因此只有在您检索数据后才会发生效果，从而避免了等待数据响应的时间间隔。