我已经创建了一个简单的数据表,其中包括以下操作(编辑,删除)。
我已在模式中将确认删除添加到删除按钮。
问题是,当用户单击“是” 时,这表示删除,该行一直显示并且未被删除。 这是模式的HTML代码:
<div id="myModal" class="modal fade">
<div class="modal-dialog modal-confirm">
<div class="modal-content">
<div class="modal-header">
<div class="icon-box">
<i class="material-icons"></i>
</div>
<h4 class="modal-title">Are you sure?</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p>Do you really want to delete these records? This process cannot be undone.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" id="btnDelteYes">Delete</button>
</div>
</div>
</div>
</div>
这是删除按钮的jQuery代码:
$(document).ready(function() {
$("form").submit(function(e) {
e.preventDefault();
var name = $("input[name='name']").val();
var email = $("input[name='email']").val();
$(".data-table tbody").append("<tr data-name='" + name + "' data-email='" + email + "'><td>" + name + "</td><td>" + email + "</td><td><button id='test5' class='btn btn-info btn-xs btn-edit'>Edit</button><button class='btn btn-danger btn-xs btnDelete' id='test6'>Delete</button></td></tr>");
$("input[name='name']").val('');
$("input[name='email']").val('');
});
$("body").on('click','.btn.btnDelete',function() {
var id = $(this).closest('tr').data('id');
$('#myModal').data('id',id).modal('show');
});
$("body").on("click",function() {
$("#btnDelteYes").parents("tr").remove();
$('#myModal').modal('hide');
});
});
我需要帮助来解决此问题并知道我在做什么错。任何帮助将不胜感激。
谢谢!