jQuery가 켜져 있고 동적으로 추가 된 HTML에 대한 옵션

Question

jQuery의 on 메서드를 사용하여 버튼 클릭 이벤트를 이벤트에 바인딩합니다. 할당을 위해 CSS 클래스를 사용하고 있습니다. 내 페이지가로드, 클래스 "removeBtn"나의 모든 버튼을 문제없이 따라 작업 바인딩

$('.removeBtn').on('click', function() { 
    //CODE TO EXECUTE ON CLICK HERE 
}); 

.

또한 페이지가로드 된 후 버튼을 동적으로 추가합니다. 클래스에는 "removeBtn"이 있지만 실행하지 마십시오.

내 기존 사전 정의 된 핸들러에 새로운 버튼의 클릭 이벤트 처리기를 추가하고 싶지만, 내가이 작업을 수행하는 방법의 예를 찾을 수 없습니다.

내가 발견 한 모든 예제는 작성시 함수 이벤트 처리기를 추가하려고합니다. 이 간단한 경고 또는 호출 괜찮을 것,하지만 아약스 호출 및 일부 문자열 구문 분석 및 유효성 검사가 있습니다. 나는이 코드를 다시 반복하고 싶지 않다.

두 곳에서 호출 할 수있는 함수를 추가하려고 시도했지만 일부 중복도 필요했습니다.

단순히 위의 코드에 정의 된 기능을 나의 새로운 버튼을 생성하고 사용자에게 말할 수있는 방법을 싶습니다.

내 옵션에는 어떤 것이 있습니까?

Answer 1

당신은 이벤트 위임을 사용할 필요를

$(document).on('click','.removeBtn', function() { 
    //CODE TO EXECUTE ON CLICK HERE 
}); 

• http://learn.jquery.com/events/event-delegation/
• http://api.jquery.com/on/

Answer 2

청취자에게 문서 첨부 :

$(document).on('click','.removeBtn' function() { 
    //CODE TO EXECUTE ON CLICK HERE 
});