Jquery 淡出/淡出未正确淡出

我目前正在使用jquery在要显示在页面上的div之间淡入淡出。这些函数在同一个项目中的许多页面上都能完美地工作，并且在我现在遇到问题的页面上也能正常工作。 以下是工作代码的示例：

    $(document).ready(function () {
        $("#<%=btnNew.ClientID %>").click(function () {
            $("#divView").fadeOut("100",
            function () {
                $("#divAddEmployee").fadeIn("100");
            });
        });
        $("#btnCancel").click(function () {
            $("#divAddEmployee").fadeOut("100",
            function () {
                $("#divView").fadeIn("100");
            });
        });
    });

$（文档）.ready（函数（）{
$（“#”）单击（函数（）{
$（“#divView”）.fadeOut（“100”，
函数（）{
美元（“#divAddEmployee”）.fadeIn（“100”）；
});
});
$（“#btnCancel”）。单击（函数（）{
美元（“#divAddEmployee”）。淡出（“100”，
函数（）{
美元（“#divView”）.fadeIn（“100”）；
});
});
});

这正是我希望它的工作方式，但是在有问题的页面上，等价函数不能正确运行

    $(document).ready(function () {
        $("#<%=btnNew.ClientID %>").click(function () {
            $("#divView").fadeOut("100",
            function () {
                $("#divNew").fadeIn("100");
            });
        });
        $("#btnCancel").click(function () {
            $("#divNew").fadeOut("100",
            function () {
                $("#divView").fadeIn("100");
            });
        });
    });

$（文档）.ready（函数（）{
$（“#”）单击（函数（）{
$（“#divView”）.fadeOut（“100”，
函数（）{
美元（“#divNew”）.fadeIn（“100”）；
});
});
$（“#btnCancel”）。单击（函数（）{
$（“#divNew”）。淡出（“100”，
函数（）{
美元（“#divView”）.fadeIn（“100”）；
});
});
});

---

此函数仍然有效地切换div，但是它不再实际执行淡入淡出动画。该页面看起来像是在发回，但它不是，因此应该通过淡入提供平滑过渡。是什么导致了这种情况？

问题在于CSS和Jquery的结合。绝对定位元素不会褪色，它可以显示也可以不显示。

---

我的解决方案是忘记垂直居中，而使用另一种水平居中的方法，虽然这不是我想要的，但这是处理这个问题的最简单方法之一

值得一提的是，

.fadeIn（“100”）

和

.fadeOut（“100”）

是不正确的。如果要以毫秒为单位提供效果持续时间，则必须传递

Number

，而不是

String

：

.fadeIn（100）

。我没注意到，谢谢你指出这一点！您提供的计时器越长，它肯定越突出！不幸的是，这不是问题所在。但是，通过扩展淡入淡出计时器，我可以看到div保持可见，整个计时器在计时器结束时隐藏/显示，这肯定不是问题。事实上，代码是有效的，所以问题出在其他地方。所以通过一些试验和研究，我发现这是由于div中面板的CSS褪色所致。显然，当“位置”设置为“绝对”或“固定”时，函数会出现问题。我不知道还有什么方法可以让面板居中