FadeOut内容加载并显示内容

时间:2014-01-13 10:16:37

标签: javascript jquery

我想简单地在加载后显示内容而不是淡入淡出怎么可能?

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

也许我用.show()?

感谢您的帮助

2 个答案:

答案 0 :(得分:2)

success: function(data) {
    $('#allcontent').html(data).show();
}

答案 1 :(得分:1)

刚刚淡入0,立即发生

$(this).html(data).fadeIn(0);

你也可能想要这样做

$(this).html(data).delay(2000).fadeIn(0);

添加2秒的延迟或者你想要多少,然后立即显示