在for循环中调用fadeout效果不起作用

时间:2011-11-08 21:08:31

标签: jquery loops fadeout effect

我的代码非常简单,但我已经有很长一段时间没有这个问题了。我真的需要知道这样做的正确方法。

我在列表中有很多div个。每个人都有自己的id。有一个按钮可以删除选定的div,如下所示:

function int_groups_removeGroups(id) {
   $("#"+id).css("background-color","#FFABAB");
   $("#"+id).css("background-color","#FFABAB").fadeOut('slow');                                             
}                               

 groupsize = groupsArray.length;        
 for (i =0; i <= groupsize; i++) {
    int_groups_removeGroups("group_"+groupsArray[i]);
 }

fadeout的影响外,一切正常。 发生的事情是当我点击按钮删除时,div的简单闪烁为红色然后消失。

1 个答案:

答案 0 :(得分:0)

你正在做很多事情。这两行应该足够了:

var groupids = '#group_' + groupsArray.join(', #group_');

$(groupids).css("background-color","#FFABAB").fadeOut('slow');                                             

第一行组成了一个id的字符串,第二行将它传递给jQuery,jQuery逐渐淡出。

如果您仍然遇到性能问题,那么您可以并行动画太多div。