最后一个图像已完成淡入

Last Image finished fadeIn

本文关键字：淡入 已完成 图像 最后一个      更新时间：2023-10-21
var J_lis = $("#Jerseybox ul li img");
var count_jersey = 0
J_lis.hide();
J_lis.each(function(g) {
    $(this).delay((g + 1) * 360).fadeIn();
    count_jersey++;
});

我正在使用 $.each 让它一个接一个地淡入图像，使用此代码，但无论如何我能知道最后一个图像淡入吗？

我的意图是让这些图像一个接一个地褪色，当最后一个图像完成淡入淡出时，我将删除一些东西。

如何检查最后一个图像完成淡入？

如果你想在

每次之后立即运行代码，你需要这样做：

我们检查您正在循环的数组的长度，如果它与数组的长度相同，那么您就在最后！

现在也不需要使用count_jersey。

var J_lis = $("#Jerseybox ul li img");
J_lis.hide();
J_lis.each(function(g) {
    $(this).delay((g + 1) * 360).fadeIn();
    if (g === J_lis.length - 1 ) {
     // here you have your last image!
    }
});

你可以做这样的事情：

var J_lis = $("#Jerseybox ul li img");
var count_jersey = 0
J_lis.hide();
J_lis.each(function(g) {
 //after fadeIn, increase counter
 //and check for g == J_lis.length
 $(this).delay((g + 1) * 360).fadeIn('fast', function(){
  counter_jersey++;
  //if last image is finished
  if(g == J_lis.length){
    //do something
  }
 });
});

我不知道你为什么需要counter_jersey，但我还是把它包括在内。

相关文章：