当我使用jquery each()将每个“.row”应用此添加/删除类时,所有div都会在同一时间添加或删除类“.flip”.我需要这个延迟,所以它看起来像多米诺骨牌效应.
知道如何让这个工作吗？或者如何逐个添加/删除翻转类？
这是我发现但它不起作用：
$('.row').each(function(i){ if($(this).hasClass('flip')){ $(this).delay(i*500).removeClass('flip'); }else{ $(this).delay(i*500).addClass('flip'); } });
请尝试使用setTimeout().
$('.row').each(function(i){ var row = $(this); setTimeout(function() { row.toggleClass('flip'); },500*i); });
Fiddle
