在jQuery中单击时出现.fadeIn和.fadeOut的问题

Question

我试图使用 jQuery 淡出旧图像并在图库中淡入新图像，但这一切都是同时发生的。如何让每个操作一次发生一个？

$(".previews a").on("click",function() {
    $(".previews a").removeClass("selected");
    $(this).toggleClass('selected');
    //changing img tags in .full
    var largeImg = $(this).data("full");
    $(".full im``g").fadeOut();
    $(".full img").attr("src", largeImg);
    $(".full img").fadeIn();
  }); 

Answer 1

你在回调中将函数链接在一起 -

$(".full img").fadeOut(function() {
    $(".full img").attr("src", largeImg);
    $(".full img").fadeIn();
});

Answer 2

你可以传递一个回调来淡出。

$(".full img").fadeOut('slow', function() {
    $(".full img").attr("src", largeImg);
    $(".full img").fadeIn('fast');
});