루프로 클릭 이벤트 만들기 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(); 
});