동적 추가된 append에 click event 처리

작성일자: 2022년 11월 3일

👀문제 정의

• append()로 추가한 button에 click event가 작동하지 않음

❓원인

동적으로 추가된 태그는 이벤트가 동작되지 않음 = 로드되었을 때 존재하지 않는 태그에 대해서는 이벤트를 걸 수 없다.

🦾해결 방법

$(document).on('click / change  등등의 이벤트', '이벤트 적용할 타깃 태그', 동작 함수(){});

$('.부모 이름').on('click', '.걸고 싶은 대상', function() {
 넣을 소스;
});

$(document).on("click", "#child", function(){ // on 이벤트로 변경
	alert($(this).attr("value"));
});

출처 : https://stackoverflow.com/questions/15420558/jquery-click-event-not-working-after-append-method

Uploaded by N2T