back

  • person_pin
  • calendar_today
  • remove_red_eye

[jquery/clickevent] jquery 동적 click event 설정 / 동적으로 생성된 버튼의 클릭 이벤트

페이지 정보

작성자 webpaper 댓글 0건 조회 418회 작성일 19-02-20 09:38

본문

jquery 작업 중 동적으로 생성한 버튼의 click 이벤트가 안먹을 때가 있다. 


간단하게 처리하는 방법 

<div class="btnBox">
    <button type="button" id="btn1">버튼 #1</button>
</div>


버튼 1의 클릭 Function 

$("#btn1").click(function(){
    $(".btnBox").append('<button type="button" id="btn2">버튼 #2</button>');
});


동적으로 생성된 버튼 2의 Function 

$("#btn2").click(function(){
    alert('클릭안됨');
});


동적 버튼을 클릭하는 방법

$(document).on("click", "#btn1", function(){
    alert('클릭됨');
});