Javascript 确认删除的模式对话框

我正在关注这个（）但是我不知道为什么，但是模态对话框没有出现

虽然我的表是由jQuery代码动态创建的，但我希望基本上做同样的事情：

$("#guests_table > tbody:last").append(
    "<tr class='btnDelete' data-id='" + guest.guest_id + "'>"
    + "<td>" + guest.guest_first_name + "</td>"
    + "<td>" + guest.guest_last_name + "</td>"
    + "<td>" + guest.guest_email + "</td>"
    + "<td>" + "<a href='editguest.html?guestId=" + guest.guest_id + "&hostId=" + hostId + "&registryId=" + guest.registry_id + " '>"
    + "<img src='images/edit26.png' height='60%' width='60%'></a></td>"
    + "<td><button class='btnDelete' href=''>delete</button></td>"
    + "</tr>");
});

在delete上，我有一个API调用要删除，但我只是努力让对话框甚至出现。知道为什么吗

---

谢谢

绑定删除按钮单击事件时CSS选择器出现的问题。它应该是

.btn.btnDelete

，注意前面的

，或者它

$('.btn.btnDelete').on('click', function (e) {
    e.preventDefault();
    var id = $(this).closest('tr').data('id');
    $('#myModal').data('id', id).modal('show');
});

还要确保删除按钮具有类

btn

，以使其正常工作：

<button class='btn btnDelete' href=''>delete</button>
<!--    add btn ^ class    -->

删除

---

演示：

您将单击事件绑定到何处以显示模式对话框？抱歉，意外遗漏了它。已编辑的主邮戳确认

$（'btn.btnDelete'）。在（'click'

代码在

$（“#来宾_table>tbody:last”）上。追加（

code。它仍然没有出现……我不太确定为什么我已经将代码从JSFIDLE复制到一个新的HTML页面上，并将JavaScript放入一个新的JS文件中，以排除任何导致它无法工作的因素，但它根本没有显示出来，所以可能是我……plunker演示可以工作，但如果我将JS代码移到script.JS文件中，那么就不会出现任何问题rOpen console，检查错误。将我的演示与您的代码进行比较，发现有些不同。您的script.js文件应该在调用jquery.min.jsI后编写。我将您的演示放在一个单独的脚本文件中：但无法让它与我一起工作。奇怪的是，一旦我将js代码放在另一个文件中并引用它，它就不工作了将按钮事件直接放在append（）函数之后，一旦我意识到这一点，我就移动了它。它现在可以工作了。谢谢：）

$('btn.btnDelete').on('click', function (e) {
    e.preventDefault();
    var id = $(this).closest('tr').data('id');
    $('#myModal').data('id', id).modal('show');
});

$('#btnDelteYes').click(function () {
    var id = $('#myModal').data('id');
    $('[data-id=' + id + ']').remove();
    $('#myModal').modal('hide');
});

$('.btn.btnDelete').on('click', function (e) {
    e.preventDefault();
    var id = $(this).closest('tr').data('id');
    $('#myModal').data('id', id).modal('show');
});

<button class='btn btnDelete' href=''>delete</button>
<!--    add btn ^ class    -->