javascript - 동적 로드 후 이벤트 바인딩 후 이벤트가 작동하지 않는 것에 대한 질문

Question

Ajax를 사용하여 세 개의 P 상자를 동적으로 생성한 후 클릭 이벤트를 상자에 바인딩하면 왜 작동하지 않습니까? Ajax가 생성될 때 이벤트를 바인딩하는 것이 유용한가요? 이게 왜 3번이나 묶이는 걸까요? 더 좋은 방법이 있나요?

Answer 1

예를 들어 jquery 구현을 살펴볼 수 있습니다

으아악 으아악 으아악

Answer 2

$(document).on('click','#a',function(){ //TODO }); 1층의 답을 빌리면 상위 요소를 먼저 찾아 바인딩하면 될 것 같아요

Answer 3

이전에 동적으로 로드된 DOM에서 onclick을 사용하면 작동하지 않습니다. $(document).on('click','#a',function(){} )을 사용하면 됩니다. 일해 보세요. 시도해 볼 수 있습니다.

Answer 4

이를 달성하기 위해 이벤트 위임을 사용할 수 있습니다. 예를 들어

으아악

래퍼에 목록(.list)을 추가하려면 다음과 같이 대리자를 작성하면 됩니다(간단한 작성).

으아악

Answer 5

JQ의 on 메소드와 위임 메소드를 사용할 수 있습니다. 네이티브라면 이벤트 위임을 사용하세요