javascript - Ajax 加载淡入

Question

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

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

这是一个错误，我的错误是什么？

Answer 1

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

应该

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

注意更改;和,移动)

Answer 2

也许你的意思是：

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

这仅#content在 AJAX 加载之前不可见时才有效。