Play Ground

동적으로 생성된 태그에 이벤트 주기! 본문

Programming/JavaScript/JQuery

동적으로 생성된 태그에 이벤트 주기!

haeru 2016. 3. 9. 14:25

처음 작성된 html코드는

$("#target").on("click", function(){ 이벤트 });

이런식으로 작성하면 이벤트가 잘 먹었다.

근데 append나 prepend, before, after로 생성한 태그에는 이벤트가 먹지 않았음! 주륵


열심히 구글링 한 결과 저 코드를 조금만 응용하면 된다고 함(참고로 1.7 이후버전)

$(document).on("click", "#target", function(){ 이벤트 });


대충 정리하면

$(document).on(1, 2, 3)

1 -> click, mouseover, keyup 등의 이벤트

2 -> 타겟태그(#은 id, .은 class)

3 -> 함수