jquery에서 존재하지 않는 요소에 이벤트를 추가하는 방법

jquery가 존재하지 않는 요소에 이벤트를 추가하는 방법: 1. [jquery1.9] 버전 이전에는 live 메서드를 사용했으며 코드는 [$("#id").live("click", function ()]; 2, [jquery1.9] 버전에서는 On 메서드를 사용하세요.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1&&jquery1.9 버전, DELL G3 컴퓨터

권장: jquery

jquery의 존재하지 않는 요소에 이벤트를 추가하는 방법:

문제:

jquery의 요소에 이벤트를 추가하는 것은 다음과 같이 매우 간단합니다. 클릭 이벤트 추가

$(选择器).click(function(){ 
  );

그러나 , 프로젝트에서 ajax 페이징을 한 후, 위의 방법을 사용하면 첫 번째 페이지가 직접 로드됩니다. 그러나 ajax 페이징을 사용하면 나중에 innerHTML을 통해 다른 페이지의 내용이 추가됩니다. 추가된 요소에 대한 관련 이벤트. 실제로 처음에 이벤트를 추가할 때 다른 페이지의 요소가 존재하지 않는 이유도 잘 알려져 있습니다. 존재하지 않는 요소에 이벤트를 추가하는 방법은 무엇입니까?

해결 방법:

라이브 메서드 사용: 존재하지 않는 요소에 이벤트 바인딩

$("#id").live("click", function () { 
            alert("ok"); 
     });

그런데 jquery 1.9+ 이후에는 라이브 메서드가 삭제되었습니다. 그렇다면 라이브를 대체하려면 어떤 메서드를 사용해야 할까요? on 메소드를 사용하려면

$("#id").on("click",function(){ 
           alert("ok"); 
   });

그런데 on 메소드를 사용한 후에도 여전히 유효하지 않습니다. 구문에는 문제가 없는데 왜 작동하지 않는 걸까요? 존재하지 않는 요소에 이벤트를 추가하는 경우

다음 작성 방법을 사용하세요.

$(document).on("click",'#id', 
     function(){ 
        alert("ok"); 
    });

위 작성 방법을 사용하면 문제가 해결됩니다.

관련 무료 학습 권장 사항:

javascript

(동영상)

위 내용은 jquery에서 존재하지 않는 요소에 이벤트를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!