여러 버튼에 대한 하나의 .click 이벤트 핸들러

Question

jQuery 모바일 웹 사이트에 일부 버튼을 동적으로 생성하고 있습니다. 나는이 만드는 것과 같은 방법으로 생성 :

$('#Gallery' + i + ' .gallery').after('<button type="button" class="loadMorePhotos">More Photos...</button>'); 

그런 다음 나는이 같은 간단한 .click 이벤트 핸들러 작성 : 나는이 버튼을 식별 할 id 속성을 사용하지 않는만큼 신중했다

$(".loadMorePhotos").click(function(){ 
      alert("ok malaka!"); 
}); 

을, 여러 개의 단추가있어 상황이 엉망이됩니다. 대신 나는 내가 이해할 때까지 작동해야하는 class 속성을 사용합니다.

그러나 경고는 실행되지 않습니다. 내가 여기서 뭘 잘못 할 수 있니?

Answer 1

이벤트 위임 : 당신의 요소를 동적으로 생성되기 때문에, 이미 DOM 준비에 존재하는 요소에 클릭 핸들러를 바인드 할 필요가

$(document).on("click", ".loadMorePhotos", function(){ 
     alert("ok malaka!"); 
}); 

(이 경우, document)