jQuery에서 동적으로 추가된 요소에 대해 내 클릭 이벤트가 실행되지 않는 이유는 무엇입니까?

jQuery에서 동적으로 추가된 요소에 클릭 이벤트 바인딩

jQuery로 HTML 요소를 동적으로 추가하는 경우 클릭 이벤트를 해당 요소에 바인딩하는 것이 중요합니다. 대화형으로 만들 수 있습니다. 그러나 특히 이벤트가 실행되지 않는 경우에는 문제가 될 수 있습니다.

제공된 코드에서 onclick 이벤트를 .add_to_this 요소에 동적으로 추가되는 링크(close_link)에 바인딩합니다. . 그러나 링크를 클릭해도 이벤트가 실행되지 않습니다.

문제는 바인드()와 같이 더 이상 사용되지 않는 이벤트 바인딩 방법을 사용하는 데 있습니다. 최신 버전의 jQuery에서는 이러한 메서드가 on() 메서드로 대체되었습니다.

클릭 이벤트를 동적으로 추가된 요소에 올바르게 바인딩하려면 다음 구문을 사용하세요.

$(document).on('click', '.your-selector', function() {
  // Function to execute on click
});

In 귀하의 경우 바인드 방법을 다음으로 바꾸십시오.

$(document).on('click', '.close_link', function() {
  alert('hello from binded function call');
});

이렇게 하면 링크가 추가되었더라도 링크를 클릭하면 클릭 이벤트가 트리거됩니다. 동적으로. $(document).on()을 사용한 이벤트 위임은 동적으로 추가된 요소에 대한 이벤트를 처리하는 데 매우 중요합니다.

위 내용은 jQuery에서 동적으로 추가된 요소에 대해 내 클릭 이벤트가 실행되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!