Javascript 带淡入的Ajax加载

我正在尝试使用ajax加载淡入html。它加载但不褪色，我不知道我做错了什么，这是我的代码：

$("#artworks").click(function(){
// load artworks page
    $("#content").load("artworks.html"); function(){
    $(this).fadeIn("slow");
    });
});

这是个错误，我错了什么

$("#artworks").click(function(){
    $("#content").load("artworks.html"); function(){
    $(this).fadeIn("slow");
    });
});

应该是

$("#artworks").click(function(){
    $("#content").load("artworks.html", function(){
      $(this).fadeIn("slow");
    });
});

注意

的变化到
，
和
的移动）
也许你的意思是：

$("#artworks").click(function(){
// load artworks page
    $("#content").load("artworks.html", function(){
        $(this).fadeIn("slow");
    });
});

只有在加载AJAX之前，
#content
是不可见的情况下，这才有效。
它在加载中没有作为回调传递。不，不！（如果你愿意，你可以接受答案…）