버튼이 모달로 작동하지 않습니다.

Question

모달 상자가 동적으로 생성됩니다. 그 모달에는 두 개의 버튼이 있습니다. 예 & 번호 아니요 모달을 닫고 제대로 작동합니다. 예 버튼을 클릭하는 중 문제가 있습니다.

사용자가 예를 클릭하면 데이터베이스가 업데이트됩니다. 다음은 코드입니다.

<script type="text/javascript"> 
$('document').ready(function(){ 
$("#btnYes1").on("submit", function(e) {  
// $('#btnYes1').click(function (e) {  
//$('#btnYes1').click(function() { 
     e.preventDefault(); 
    alert('working'); 
}); 
}); 
</script> 

모달 상자 생성에 사용되는 코드. 당신은 2-3 가지를 시도했지만 작동하지 않는 것을 볼 수 있습니다.

var modalval='<a href="#" id="btnYes1" name="btnYes1" data-dismiss="modal" aria-hidden="true" class="btn btn-success">Yes</a>'; 
        modalval += '<a href="#" data-dismiss="modal" aria-hidden="true" class="btn btn-danger">No</a>'; $('#modaltext').append(modalval); 

Answer 1

document에 이벤트 수신기를 연결하십시오.

$(document).on("click", "#btnYes1", function(e) { 
    // Your code.. 
}); 

Answer 2

jQuery는 페이지가 처음로드 될 때 한 번만 실행됩니다. "btnYes1"요소는 그 시점에 존재하지 않습니다.

모달이 생성되고 버튼이 페이지에있는 경우 이벤트를 등록해야합니다.

// after modal has been generated 
$("#btnYes1").on("submit", function(e) { 
    e.preventDefault(); 
    alert('working'); 
}); 

예를 들어, 모달을로드하는 AJAX 호출의 성공에이 코드를 넣으십시오.