DOM에 요소를 동적으로 추가한 후 JavaScript 이벤트가 트리거되지 않는 이유는 무엇입니까?

요소 추가 후 JavaScript 이벤트 전파 실패

질문:

JavaScript가 실패하는 이유 초기 이후 DOM에 추가된 요소에 대한 이벤트를 트리거합니다. 로드 중이신가요?

답변:

jQuery는 로드 시 DOM에 있는 요소에서 작동합니다. 후속 요소 추가는 인식되지 않습니다. 이러한 제한을 극복하려면 새로 추가된 요소의 이벤트를 기존 DOM 요소에 전달하여 이벤트 위임을 구현하세요.

제공된 코드에서 "편집" 링크에 대한 이벤트 핸들러를 페이지에 존재하는 상위 요소로 이동하세요. on() 메서드를 사용하여 로드합니다.

$(document).on('click', '.races', function(e) {
  // Event handling logic
});

이 수정을 통해 JavaScript는 DOM에 동적으로 추가된 요소의 이벤트에 계속해서 응답합니다.

위 내용은 DOM에 요소를 동적으로 추가한 후 JavaScript 이벤트가 트리거되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!