使用淡入淡出替换html时出现问题

Question

对于我网站上的页面，我通过AJAX调用加载HTML，并用新接收的HTML替换div的内容。在替换fadeOut和fadeIn效果的同时，结果是div淡出，并淡入新的HTML。

这一切都运行正常，但有时新的HTML会在fadeIn效果后呈现出奇怪的效果。这是一个小小的差异，但在大页面上，很清楚地看到：

---

这个渲染问题只发生在大的HTML替换上（例如5+个div，里面有表）。

我的JQuery脚本：

function renderPage(html)
{
    var speed = 200;
    var container = $("#page-container");

    container.fadeOut(speed, function() {
        container.html(html).fadeIn(speed);

        // add form submit listener
        $("form").submit(onFormSubmit);
    });
}

我也试过“链接”方法调用，但是有相同的渲染问题：

container.fadeOut(speed).html(html).fadeIn(speed, function() { ... });

所以我的问题是如何解决这个问题或确保正确呈现HTML？