동적으로 생성 된 요소에 대한 내 클릭 동작이 작동하지 않습니까?

Question

텍스트 상자 목록을 만들려고합니다.이 텍스트 상자는 탭 키를 누를 때 만들 수 있으며 나중에 오른쪽의 적십자를 클릭하여 삭제할 수도 있습니다. 첫 번째 텍스트 상자에 대해 작동하지만 동적으로 만들어진 요소에는 작동하지 않습니다. 아무도 문제를 해결할 수 있습니까? 지금은 다음 코드를 사용하고 나머지는 jsFiddle에 있습니다.

$(".remove").on('click', function(){ 
    alert('hello'); 
}); 

jsFiddle

Answer 1

시도는 다음과 같이 이벤트를 위임 사용하려면 :

$('.list').on("click", ".remove", function(){ 
    alert('hello'); 
}); 

귀하의 작업 데모 : jsFiddle

읽기 대한 추가 정보를 원하시면 this answer을.