동적으로 생성된 요소에 이벤트 걸기

동적으로 생긴 요소는 보통 제이쿼리로 이벤트 걸듯이 $('#test').on('click', function(){});이렇게 걸면 이벤트가 안 먹힌다. 그래서 동적으로 생긴 요소에 이벤트를 걸 때는 다음과 같이 걸어주어야 한다.$(document).on('click', '#test', function() {}); ↓ 삽질 더보기.off() 메소드.off() 메소드는 더 이상 사용하지 않는 이벤트와의 바인딩(binding)을 제거한다.그런데 이렇게 걸고 여러 페이지에서 테스트를 하는데 이벤트를 건 요소를 클릭할 때마다 함수 호출이 한 번씩 늘어나는 걸 확인했다... 이벤트를 document에 걸어서 그런가...? 아무튼 그거 때문에 오류도 나는 것 같아서 검색해보니 $(document).off();이 코드..