jQuery에서 동적으로 추가 된 요소에 대한 이벤트 추가

Question

내 HTML 페이지에서 일부 동작에 일부 요소를 동적으로 추가하고 있습니다. 이러한 컨트롤을 사용할 때마다 적절한 이벤트가 발생하도록 이러한 클래스에 특정 클래스를 할당했습니다. 나는 다음과 같이했을 :

$(document).ready(function(){  
    $("#btnAddMicroElement").click(function(event,microelement){ 
     microelement=microelement.replace("'","'");    
     $("#divMicroElements").append("<div class='clsdivmicroelement' style='border-bottom: 2px black solid;'><div><label>Microelement</label><input type='text' class='clstxtmicroelement' value='"+microelement+"'/><input type='button' class='clsbtnmicroelmentadd' value='Add'/></div><div><input type='button' value='Add All' class='clsbtnmicroelementaddall'/></div></div>"); 
     return false; 
    }); 
    $(".clsbtnmicroelementadd").click(function(){ 
     alert("its working"); 
    }); 
}); 

을 위의 주어진 코드에서 내가 클래스 clsbtnmicroelementadd와 입력 텍스트 중 하나는 btnAddMicroElement의 클릭 이벤트에 페이지에 몇 가지 요소를 추가하고있다. 이 버튼을 클릭 할 때 수행 할 작업을 원합니다. 이를 위해이 클래스에 대한 클릭 이벤트 처리기를 작성했습니다. 하지만 처형되지 않습니다. 이와 같이 동적으로 생성 된 요소에 대한 이벤트를 작성할 수 있습니까? 제 코드가 제대로 작동하도록 수정하도록 도와주세요. 이벤트를 위임

Answer 1

시도 :

$(document).on('click','.clsbtnmicroelementadd',function(){ 
     alert("its working"); 
    }); 

Answer 2

하여 jQuery 코드가 document.ready 에 안 당신이 당신의 행동에 대한 기능을 추가하고 HTML 코드에서 이벤트에서이 함수를 호출하여 호출해야합니다. 이런 식으로 :