Ajax로 받아온 데이터에 이벤트 걸기

내가 만든 프로그램중에 이런 버그가 있었다.

 

친구 목록이 쭉~ 있고, 친구한테 쪽지를 보내는 것이었는데

친구목록에서 더보기를 누른 후 나타난 친구 목록에서는(Ajax로 친구목록 더 가져옴) 

쪽지가 안보내졌다.

 

일단, 더보기를 누르고 나면 자바스크립트로 새로운 친구목록을 append 했을 것이다.

그 append 된 곳에서 쪽지 보내는 event가 작동하지 않은 것인데....

 

 

왜? 왜? 왜?

 

 

새로 가져온 친구목록에는 클릭 이벤트가 바인딩 되지 않았기 때문이다.

 

해결 방법은....

body 영역에 클릭이벤트를 주는 것이다.

 

$('body').on('click', 'button.message', function(e) {

// 구현

});