모달을 여는 버튼은 내 기능을 실행하지 않습니다.

Question

모달 상자를 여는 데이 버튼이 있습니다. 모달을 여는 동시에 눌려진 버튼의 기능을 실행하고 싶습니다. 모달이 열리고 있지만 기능 번호는 없습니다. 다음은 동적 요소가

$('button[id^="btnStatus"]').click(function() { 
    console.log('A button was clicked'); 
    }); 

Answer 1

내 코드

$.each(data, function (i, item) { 

    $('#fileListTable tbody').append("<tr><td>" + item.File + "</td><td>" + item.DateUpload + "</td><td>" + ` 
        <a href="" target="_blank" class="btn btn-danger btn-xs"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> PDF </a> 
        <a href="" target="_blank" class="btn btn-primary btn-xs"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Quest </a> 

    ` + "</td > <td>" + ` 

     <button id="btnStatus`+ i +`" class="btn btn-primary btn-xs btn-status" data-toggle="modal" href="#static"><i class="fa fa-list-alt" aria-hidden="true"></i> Status</button> 
    ` + "</td><td id='statusContainer"+ i +"'>" + item.Status + "</td><td>" + item.Comments + "</td></tr > "); 


}); 

내 기능입니다. 따라서 on 이벤트를 사용하여 클릭을 연결해야합니다.

$('body').on('click', 'button[id^="btnStatus"]', function() { 
    console.log('A button was clicked'); 
});