document on 이벤트를 사용하면,

태그에 동적인 이벤트를 할당할 수 있다.

단 주의할 점은 on 태그가 두번 호출 될 경우, 이벤트가 두번 발생한다는 점이다.

ajax 를 사용해서 동적으로 페이지를 호출할 경우, js 파일도 중복으로 또 호출하는 경우가 발생한다.

이 경우 해당 js파일을 두번호출하면서 document on 태그가 두번 호출되어, 이벤트가 두번 발생하는 일이 발생한다.

이 경우 사용하는 코드가,

$(document).off() 

이다.

js 파일의 가장 상단에 위 소스만 넣어주면, 모든 이벤트를 해제해고, 다시 이벤트를 동적으로 할당해 준다.