淡入淡出的Ajax加载

时间:2012-10-12 12:18:06

标签: javascript jquery ajax

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

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

这是一个错误,我的错误是什么?

2 个答案:

答案 0 :(得分:3)

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

应该

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

请注意; ,的更改以及)的移动

答案 1 :(得分:3)

也许你的意思是:

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

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