Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jQuery中单击.fadeIn和.fadeOut时出现问题_Javascript_Jquery - Fatal编程技术网

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

Javascript 在jQuery中单击.fadeIn和.fadeOut时出现问题,javascript,jquery,Javascript,Jquery,我正在使用jQuery在图库中尝试淡出旧图像和淡入新图像,但这一切都是同时发生的。如何让每个动作一次发生一个 $(".previews a").on("click",function() { $(".previews a").removeClass("selected"); $(this).toggleClass('selected'); //changing img tags in .full var largeImg = $(this).data("full"

我正在使用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();
  }); 

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

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

您可以将回调传递给淡出

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

如果答案对你有效,一定要接受。每个问题你可以接受一个答案。