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

时间:2017-07-05 17:28:52

标签: jquery css

我正在使用此插件 - 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(); 我是什么角色做错了?

1 个答案:

答案 0 :(得分:0)

您需要在确认点击中使用此功能

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

是确认对象

  

$目标

成为删除按钮

  

父()

成为你的表格

这里有一个小提琴 https://jsfiddle.net/fxabnk4o/5/

请注意,如果您按照自己的方式设置HTML,这将有效