淡出带有内容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,然后它保持空白,然后它淡入IN内容B.

我想要的是减轻效果,这样当他渐渐淡出时,他开始淡入,这样效果可以很顺利.

如何实现以下代码？

非常感谢,MEM

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;
    });
});

因此,只有在检索到数据后才会发生这种影响,避免等待数据响应的时间间隔.