Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.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 最后一个图像完成了fadeIn_Javascript_Jquery - Fatal编程技术网

Javascript 最后一个图像完成了fadeIn

Javascript 最后一个图像完成了fadeIn,javascript,jquery,Javascript,Jquery,我正在使用$。每个使它一个接一个的fadeIn图像,使用此代码,但是否有反正我可以知道最后一个图像fadeIn 我的意图是让这些图像一个接一个地消失,当最后一个图像消失后,我会移除一些东西 如何检查上次完成的图像fadeIn 您可以执行以下操作: var J_lis = $("#Jerseybox ul li img"); var count_jersey = 0 J_lis.hide(); J_lis.each(function(g) { $(this).delay((g + 1) *

我正在使用$。每个使它一个接一个的fadeIn图像,使用此代码,但是否有反正我可以知道最后一个图像fadeIn

我的意图是让这些图像一个接一个地消失,当最后一个图像消失后,我会移除一些东西


如何检查上次完成的图像fadeIn

您可以执行以下操作:

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++;
});

我不知道您为什么需要counter_jersey,但我还是包含了它。

如果您想在每次运行后立即运行代码,您需要这样做:

我们检查你循环通过的数组的长度,如果它与数组的长度相同,你就在末尾

现在也无需使用count\u jersey。

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
  }
 });
});

比较
g
J_lis.length
可能重复。嗯,它不起作用,我尝试使用console.log检查noting show。你能将此标记为正确答案吗?上面的代码仍然是错误的,可能会误导人们。错误如中所示,您为使其工作所做的更改已在我的回答中您的问题仍然是错误的,因为在
fadeIn
函数运行完毕后,它没有运行
if语句。我不知道这与他问的问题有什么关系,反正它是错误的,你是说if语句中的代码不会在fadeIn之后运行吗?我试过了,但是那些图像仍然是fadeIn,可能是因为我添加了延迟。我的意思是count_jersey==J_lis.length已经触发了,但是图像仍然没有完成fadeIn,我想是因为延迟。我需要确保最后一个图像完成fadeIn,然后我可以触发删除某些内容。这不是因为延迟,请尝试我现在编写的代码,应该可以。谢谢!~这是我所需要的,但我添加了J_lis.length-1以使其工作。非常感谢,非常感谢。
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!
    }
});