jQuery HTML在fadeOut之前更改

Question

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

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

在改变内容方面效果很好，但在改变内容时它不会消失。它将始终更改#jquery_content和然后淡出的html并重新输入。这显然没有意义，因为淡出应该使页面在浏览时看起来更整洁。 / p>

我需要做些什么来修复jQuery？

Answer 1

您可以使用回调功能。

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