jquery - jQuery HTML 在淡出之前发生变化

Question

我正在使用 jQuery 在单页文档上进行简单的导航。内容通过 JavaScript 动态更改。我正在使用以下代码来更改我的内容：

<script type="text/javascript">
    function cgpg_1(){
        $("#jquery_content").fadeOut("slow").html("hello").fadeIn();
    }
</script>

它在更改内容方面效果很好，但它没有做的是在更改内容时淡出。它总是会更改 html，#jquery_content然后淡出并淡入。这显然没有意义，因为淡出应该使页面在浏览时看起来更整洁。

我需要做什么来修复 jQuery？

Answer 1

您可以使用回调函数。

function cgpg_1(){
    $("#jquery_content").fadeOut("slow", function(){
         $(this).html("hello").fadeIn();
    });
}