fadein/fadeout 没有正确褪色

Question

我目前正在使用 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");
            });
        });
    });

这正是我想要的，但是在有问题的页面上，等效功能无法正常运行。

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

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

Answer 1

问题出在 CSS 和 Jquery 组合上。绝对定位的元素不能淡出，它可以显示也可以不显示。我的解决方案是忘记垂直居中并使用另一种方法进行水平居中，虽然这不是我想要的，但它是处理问题的最简单方法之一

fadein/fadeout 没有正确褪色

fadein/fadeout not fading correctly

asp.net

jquery

fade