버튼을 추가 한 후 함수를 호출하십시오.

Question

jQuery 코드는 button1을 클릭 할 때을 클릭하고 button2를 클릭하면 DIV에 다른 HTML 요소를 추가하도록 HTML elemnet button2를 추가합니다. 첫 번째는 실행되지만 두 번째는 실행되지 않습니다. 이 문제를 해결하는 방법? 문제의

예

는

var button2='<input type="button" vale="add" id="idbutton2" >'; 
$('#idbutton1').click(function(){ 
    $('#divid1').html(button2); 
}); 

$('#idbutton2').click(function(){ 
    $('#divid2').html("text"); 
}); 

단추 2는 DIV에 추가하고 내가 단추 2에 클릭이 발생하면 jQuery를 실행합니다.

Answer 1

변경이로 :

$('#divid1').on('click', '#idbutton2', function(){ 
    $('#divid2').html("text"); 
}); 

Answer 2

사용 .on 대신에 이벤트 핸들러를 위임합니다.

$(document).on('click', '#idbutton2', function(){ 
    $('#divid2').html("text"); 
}); 

또는 button2에 직접 바인딩 할 수 있습니다.

var button2= $('<input type="button" vale="add" id="idbutton2" >').click(function(){ 
    $('#divid2').html("text"); 
}); 

$('#idbutton1').click(function(){ 
    $('#divid1').html(button2.html()); 
}); 

의