$.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));
});
반응형
'SPRING > JAVASCRIPT' 카테고리의 다른 글
slick 슬라이드 옵션! (0) | 2024.02.07 |
---|---|
jquery each (1) | 2023.11.20 |
시간 지연 (0) | 2023.08.03 |
comma (0) | 2023.08.03 |
javascript 버블링과 캡처링 (0) | 2022.03.02 |