jquery - 视图之间的动画淡入淡出过渡断断续续或不运行

Question

我有一个带有多个视图的原型/演示 ASP.MVC 3 应用程序。当用户在它们之间导航时，设计师希望当前内容淡出，然后新内容淡出。使用 jQuery 来淡化 div 似乎很简单，但通常内容会闪烁、卡顿或根本不淡化。（淡入淡出似乎效果很好。）

每个视图处理其淡出，例如：

        $("tr").mousedown(function () {
            $("#innercontainer").fadeOut(250, function () {
                window.location.href = '@Url.Action("Application360", "Tofino")?an=' + appName;
            });
        }
    });

布局 (_AppLayout.cshtml) 处理淡出备份，例如：

        $(document).ready(function () {
        $("#innercontainer").animate({ opacity: '0' }, 0, function () {
            $("#innercontainer").delay(400).animate({ opacity: '1' }, { duration: 'fast', easing: 'swing' });
        });
    });

有没有更好的方法可以让动画更流畅、更可靠？