append 후 이벤트 / 동적 생성 태그 이벤트

$.ajax({

   type : 'post'

 , url : 'ajax/getData'

 , data : $('#form1').serialize()

 , dataType : 'json'

 , success : function(rst){

      $('#list').empty();

      $('#list').append(rst.html);

   }

 , error : function(status, request, error){

      console.log(status);

      console.log(request);

      console.log(error);

   }

});

 

list 에 append된 html 소스의 이벤트는 .on() 으로 해결

** 이벤트 바인딩 메서드

.bind() => .live() => .delegate() => .on()

 

html 중 내부 소스

<a href="#!" class="btn btnFull type1 reservation" >예약하기</a>

 

--> a 클릭이벤트 사용 : 

$(document).on('click', '.reservation', function(){

    console.log($(this));

});