jquery-confirm 插件 - 提交表单确认

Question

我正在使用这个插件 - https://craftpip.github.io/jquery-confirm/用于在提交表单之前进行确认。 这是我的 HTML：

<form action="" method="post">
<input type="hidden" name="comment_id" value="">
<button name="delete" class="btn btn-danger btn-xs confirm_delete"><span class="glyphicon glyphicon-remove"></span> Delete</button>
</form>

还有我的JavaScript：

$("button.confirm_delete").confirm({
title: '',
content: 'Please confirm you want to delete this item. This action is irreversible!',
buttons: {
confirm: function () {
this.$target.submit();
},
cancel: function () {
}
}
}); 

确认后，没有任何反应。在控制台中，我得到[button.btn.btn-danger.btn-xs.confirm_delete]在这一行：this.$target.submit((;我做错了什么？

Answer 1

您需要在确认单击中使用它

this.$target.parent().submit()

这

是确认对象

$target

成为您的删除按钮

和

父((

成为您的表单

这是给你的小提琴 https://jsfiddle.net/fxabnk4o/5/

请注意，如果您按照显示的方式设置了 HTML，这将起作用