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

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

Answer 2

目前它不会，因为fadeIn在fadeOut完成之前不会启动！

淡出带有内容A的div，淡出与内容B相同的div

2 个答案: