Question

我有三个盒子，每个盒子都会消失，然后摇晃然后消失。在数组和循环中保留的每个ID遍历它们，循环正常工作但只显示第一个项目！。

我使用for循环，延迟而不是setTimeout以不同的方式检查了javascript 我也尝试在html中添加不在js文件中的框（如果它出现任何问题!!!!!!!!）

这是我的代码： http://jsfiddle.net/#&togetherjs=QLRAbwHOR7

任何人都可以帮我吗??? !!

      $(document).ready(function(){ 
            var imgID= ['red','green','blue'];
            $.each(imgID, function(i) {

                $(".image").append('<div class="box"fid="'+i+'">'+imgID[i]+'</div>');
                $('#'+i).fadeIn(500);
                setTimeout(function(){
                $('#'+i).effect( "shake",{times:5}, 1000 ).fadeOut(500);
                }, 1000);
                alert("ID: "+i);
            }); 
      });

Answer 1

基于问题中的代码（不是jsfiddle链接）我认为问题出在这一行

$(".image").append('<div class="box"fid="'+i+'">'+imgID[i]+'</div>');
                                    ^

应该是

$(".image").append('<div class="box" id="'+i+'">'+imgID[i]+'</div>');
                                    ^ remove the 'f'

这是我的小提琴结果 http://jsfiddle.net/jasrus/ZqayT/

更新还要确保包含jQueryUI，因为effect不是jquery库的一部分

如何在javascript中遍历循环

1 个答案: