我有一个用于打开模态框的按钮,我想在打开模态的同时执行按下按钮的功能。模态是打开但功能没有。 这是我的代码
$.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 > ");
});
我的功能
$('button[id^="btnStatus"]').click(function () {
console.log('A button was clicked');
});
答案 0 :(得分:2)
你有动态元素。因此,您需要使用on事件
附加点击$('body').on('click', 'button[id^="btnStatus"]', function() {
console.log('A button was clicked');
});