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");
            });
        });
    });

这就是我想要的方式，但是在有问题的页面上，equivelant函数无法正常运行。

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

此功能仍可有效切换div，但不再实际执行淡入淡出动画。该页面看起来像是回发，但它不是，因此应该通过淡化提供平滑过渡。有什么可能导致这个？

Answer 1

问题在于CSS和Jquery的结合。绝对定位元素不能褪色，可以显示或不显示。我的解决方案是忘记垂直居中并使用另一种水平中心方法，虽然这不是我想要的，但这是处理问题最简单的方法之一

fadein / fadeout没有正确消失

1 个答案: