Jquery 确认删除使用 noty js 不起作用

Posted 2023-05-08

【中文标题】Jquery 确认删除使用 noty js 不起作用

【英文标题】：Jquery confirm on delete using noty js is not working

【发布时间】：2020-05-10 09:38:50

【问题描述】：

我希望用户在单击删除按钮后确认删除（使用类 .delete） 我使用 Noty js 并包含它的脚本 src:

    <script src="asset('dashboard_files/plugins/noty/noty.min.js')"></script>

.delete 类的删除按钮：

   <button type="submit" class="btn btn-danger .delete"><i class="fa fa-trash"></i>Delete</button>

我在 app.blade 中的 Jquery 函数让用户确认删除或取消：

 <script>
    $(document).ready(function()
        $(document).on('click','.delete', function(e)
            e.preventDefault();
            var that = $this
            var n = new Noty(
                text:'Confirm deleting record',
                killer:true,
                buttons:[
                    Noty.button('yes', 'btn btn-danger mr-2', function()
                        that.closest('form').submit()
                    ),
                    Noty.button('no','btn btn-danger',function()
                        n.close()
                    ),
                ]

            )  //end of var n
            n.show();
        );  //end of onclick
    );  //end of ready fn
</script>

非常感谢；

【参考方案1】：

你的班级名称有一个“。”在“删除”中。 改成

<button type="submit" class="btn btn-danger delete"><i class="fa fa-trash"></i>Delete</button>

它应该可以工作。

【讨论】：

当我把 var that = $(this);在 var n = new Noty(