[Jquery] 클릭 이벤트 동적으로 on("click")

• 동적으로 이벤트 바인딩 시키기

on("click") 이벤트

$("#btnHungry").on("click", function(){
	alert("소스 코드를 클릭하셨군요!");
});

 

또 다른 형태로 레디 함수처럼 사용 하는 방법도 있다

$(document).on('pagebeforeshow', '#index', function(){     
    $(document).on('click', '#test-button',function(e) {
     	e.stopImmediatePropagation(); //click 이벤트가 여러번 실행되는 현상이 발생 방지  
        alert('Button click');
    }); 
});

페이지를 계속 왔다갔다 할 때마다 alert의 실행 횟수는 누적될 것이다.

해결 방법은 alert 이전에 e.stopImmediatePropagation() 메소드를 실행해주면 간단하게 해결 된다.

e.stopImmediatePropagation()기능은 아래 링크 참조 하세요 ^^

e.stopImmediatePropagation()  : click 이벤트가 여러번 실행되는 현상이 발생 을 막아 준다.