[jquery] element가 동적으로 추가됐을 경우 이벤트 주기

보통  click 이벤트는 $(id or class).on("click", function(){})으로 사용하는데 element가 동적으로 나중에 추가된 경우에는 이벤트가 적용되지 않는다. 그럴경우 아래와 같이 적용하면 적용된다. 

$(document).on("click", "클래스, 아이디", function(){
	//이벤트
})

근데 이럴경우 문제점이 하나 발생한다. 페이지 전환이나 새로고침이 지속될 수록 event의 발생되는 횟수가 증가 하게 된다. 클릭을 한번했는데 새로고침을 10번해버리면 10번의 이벤트가 중복되어 발생되는데 그럴땐 아래와 같이 이벤트를 추가해 주면 된다. 

 

$(document).on("click", "아이디, 클래스", function(e){
	e.stopImmediatePropagation();
	//이벤트
})