单击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

您可以将回调传递给fadeOut。

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