jQuery HTML在fadeOut之前更改

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