使用循环jQuery制作点击事件

Question

我正在尝试制作一个幻灯片，它可以计算div内图像的数量。并为每个图像创建一个可点击的圆圈。

这似乎失败代码：

l = heroimgs.length; 
for(var i=0; i<l; i++){ 
    $('#heronavpoint'+i).click(function(){ 
     $('.heroimg:visible').fadeOut(800); 
     $('.heroimg:eq('+i+')').stop().delay(800).fadeIn(); 
    }); 
} 

Answer 1

例如，使用一个封闭：

for (var i = 0; i < l; i++) { 
    (function (i) { 
     $('#heronavpoint' + i).click(function() { 
      $('.heroimg:visible').fadeOut(800); 
      $('.heroimg:eq(' + i + ')').stop().delay(800).fadeIn(); 
     }); 
    }(i)); 
} 

在你的情况，你可以使用：

$('[id^=heronavpoint]').click(function() { 
    $('.heroimg:visible').fadeOut(800); 
    $('.heroimg:eq(' + $(this).index() + ')').stop().delay(800).fadeIn(); 
});