Question

可能重复：
Making my ajax updated div fade in

我希望在我的页面上将AJAX调用的内容调用到fadeIn，但是当我使用此代码$('#sub_container').html(content).fadeIn();时，它就不起作用，即使我将动画速度设置为超慢（{{ 1}}）

slow(5000)

Answer 1

.fadeIn()函数实际上使元素可见，因此如果元素已经可见，则看起来什么都不做。您可以通过隐藏元素来确保不是这种情况：

$('#sub_container').hide().html(content).fadeIn();

Answer 2

您需要确保隐藏起来，例如：

$('.create').click(function(){
$('#sub_container').fadeOut();    // fade out the current content
loadingimg();
document.title = 'Create Message';
$.ajax({
    url: 'create.php',
    dataType: 'html',
    success: function(content){
        $('#sub_container').html(content).stop().fadeIn();    // fade in the new content
    }
});
});

但是，当元素消失时，这可以让你跳跃内容，所以你必须在必要时考虑到这一点。

JQuery AJAX fadeIn内容

2 个答案: