fadeOut 之前的 jQuery HTML 更改

Question

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

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

它在更改内容方面工作正常，但它没有做的是在更改内容时淡出。它总是会更改 #jquery_content 和 then 的 html 淡出和淡入。这显然没有意义，因为淡出应该使页面在导航时看起来更整洁通过它。

我需要做什么来修复 jQuery？

Answer 1

可以使用回调函数。

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