Question

我正在尝试淡出容器div，然后替换其中的另一个div，然后在加载所有内容之后，再次淡入容器div。我的代码淡出并加载了内容，但不透明度保持为0。有人可以指出我如何进行这项工作吗？为什么不透明度保持为0？

这是jQuery：

$("#button").click(function(){
        $('#content').fadeOut(600, function(){
            $("#container").css("opacity", "0");
            $.get("frontpage.html", function(data) {
                $("#content").replaceWith(data), function(){
                    $("#container").css("opacity", "1");
                };
            });
        });
    });

和html很简单：

<div id="container">
    <div id="content"></div>
</div>

CSS：

#container {
    transition: opacity 0.6s ease-in-out;
}

Answer 1

我认为这不是接听对function()的最后一次呼叫。尝试在同一回调中运行代码。

      $.get("frontpage.html", function(data) {
            $("#content").replaceWith(data);
            $("#container").css("opacity", "1");
        });

淡出容器，更改内容，淡入容器

1 个答案: