请问如何在nofity的提示框中加入按钮?

发布于 2022-09-04 14:48:26 字数 1344 浏览 11 评论 0

$.notify({
                      title: '确定要删除此模板吗!',
                      message: ""
                    },{
                      element: 'body',
                      type: 'warning',
                      placement: {
                        from: "top",
                        align: "center"
                      },
                      template: '<div data-noify="container" class="col-xs-11 col-sm-3 alert alert-{0}" role="alert">' +
                      '<button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button>' +
                      '<span data-notify="icon"></span> ' +
                      '<span data-notify="title">{1}</span> ' +
                      '<span data-notify="message">{2}</span>' +
                      '<div class="progress" data-notify="progressbar">' +
                      '<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">' +
                      '<button type="button" class="btn btn-warning">确定</button>'+
                      '</div>' +
                      '</div>' +
                      '</div>'
                    });

我这样加的,但是没有反应。。
谢谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

野稚 2022-09-11 14:48:26
template: '<div data-noify="container" class="col-xs-11 col-sm-3 alert alert-{0}" role="alert">' +
                        '<span data-notify="icon"></span> ' +
                        '<span data-notify="title">{1}</span> ' +
                        '<span data-notify="message">{2}</span>' +
                        '<div class="progress" data-notify="progressbar">' +
                        '</div>' +
                        '<br />'+
                        '<button type="button" class="btn btn-sm btn-warning confirmDel" style="margin-top:20px;">确定</button>'+
                        '<button type="button" class="btn btn-sm btn-info undelete" style="margin-top:20px; margin-left:20px;">取消</button>'+
                        '</div>'

这样设置就行

最好是你 2022-09-11 14:48:26
    $.notify({
    
        buttons: [
            {addClass: '', text: '', onClick: clickHandler}
        ]
        
    })
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文