Javascript 最后一个图像完成了fadeIn
我正在使用$。每个使它一个接一个的fadeIn图像,使用此代码,但是否有反正我可以知道最后一个图像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 您可以执行以下操作:
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!
}
});