[제이쿼리] 동적 요소 이벤트 추가

• ajax등으로 나중에 추가된 요소(동적 요소)에 이벤트 걸기

첫 화면 로딩 시 EL표현식으로 지정한 DB 내 데이터 출력.
이 때 로딩되는 버튼에 아래와 같이 이벤트를 추가

$(".modi-btn").on("click", function(){ 내용 })

이후 검색결과를 ajax로 불러와서 화면에 출력시키는 기능 구현
이때, .modi-btn 버튼이 있음에도 동작을 하지 않음.
페이지 로딩 후 추가되는 이벤트는 상위요소에 추가시켜줘야함

$(변하지않는요소).on("click", 변하지않는요소안의 변하는요소, function(){ 내용 })  

아래와 같이 사용하면 편리

$(document).on("click", 변하지않는요소안의 변하는요소, function(){ 내용 })