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

Question

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

$(".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();
});