使用 fadeIn + ReplaceWith 的 jQuery AJAX

Question

有几个关于此的问答，但我发现没有一个可以解决我的问题。我对此感到困惑。如果您知道对此问题的可用答案，请将我重定向到链接。

我的页面有一个空的 DIV #posts_insert，其中通过 Ajax 插入新帖子。

    $.ajax({
        url: 'chat/posts_submit/' + <?php echo $page_id; ?>,
        type: 'POST',
        data: $('#posts_form').serialize(),
        dataType: 'html',
        success: function(html) {
            $('#posts_insert').replaceWith(html);
        }
    });

我希望新帖子淡入淡出，替换 #posts_insert。在fadeIn之前，我已经使用hide()尝试了几次成功迭代，但我就是无法完成这项工作。

有什么想法可以解决这个问题吗？提前致谢。

Answer 1

怎么样:

$("#posts_insert").replaceWith(function() {
    return $(html).hide().fadeIn();
});

这是一个工作示例:http://jsfiddle.net/andrewwhitaker/jTLn5/