2014-01-17 3 views
0

동적으로 페이지에 이미지를 추가 했으므로이 이미지에 몇 가지 기능을 추가해야합니다. 각 이미지에 클릭 이벤트를 추가해야합니다.동적으로 생성 된 이미지에 대한 jquery 함수

이 이미지를 추가하는 코드는 (그 또한 동적으로 생성 된 테이블 내부) :

for (var i = 0; i < numOfCandidates; i++) { 
    var url = "/images/user"+(i+1) + ".png"; 
    cell23 = $('<td width=cellWidth + "%" align="center" style="height:60%"></td>').html('<img id="img'+(i+1)+'" src="' + url + '">'); 
    row23.append(cell23); 
} 

이미지가 추가 된 jQuery로 클릭 이벤트를 추가하는 방법이 있나요? "= var에 L :

답변

1

$(document).on('click','.myClass',function(){ 
    //function 
}); 

Documentation

+0

이 클래스에 추가 할 수있는 올바른 방법입니다 이벤트 위임 CSTE 연구진를() 당신이 그들을 만들 때 이미지를 클래스를 지정하고 사용 img "+ (i + 1); $ (l) .addClass ("images"); – user2958571

+0

나는 이것을 다음과 같이 대신 할 것이다.'.html ('');'@ user2958571 – Anton

0
for (var i = 0; i < numOfCandidates; i++) { 
     var url = "/images/user"+(i+1) + ".png"; 
     cell23 = $('<td width=cellWidth + "%" align="center" style="height:60%"></td>').html('<img id="img'+(i+1)+'" src="' + url + '">'); 
     row23.append(cell23); 
     $('#img'+(i+1)).click(function(){}) 
} 
관련 문제