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

Question

我希望用户在单击删除按钮后确认删除(带有类.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>

深表谢意；

Answer 1

你的类名有一个“.”在“删除”中。将其更改为

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

它应该可以工作。