jquery가 동적으로 추가한dom 요소 귀속 이벤트

1338 단어 jquery
$('input').click(function () {
 
//    
 
});

 
이것은 이미 불러온 요소에 대해 이벤트를 정의할 수 있을 뿐이다. 나중에 삽입된 요소는 별도로 귀속해야 한다. 페이지에 동적으로 추가된 요소는 페이지에 불러온 후에 추가된 것이기 때문에 페이지가 불러올 때 귀속 이벤트 처리 함수를 추가할 수 없다. 다행히 jquery는 동적으로 추가된 요소에 클릭 이벤트를 추가하는 방법을 제공했다.jquery 1.7+버전은 직접 on 방법으로
 $('body').append('<p id=\"pid\"></p>');
$('#pid').on('click',function(){
       //    
});

 
1.7 이전 버전에 대해서는 라이브 방법으로.
               $('body').append('<p id=\"pid\"></p>');
                $('pid').live('click',function(){
         //    
           });

 

좋은 웹페이지 즐겨찾기