Noty 页面通知与确认对话框

最新推荐文章于 2024-09-15 07:35:10 发布

AudioSystem

最新推荐文章于 2024-09-15 07:35:10 发布

阅读量407

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Noty 文章标签： noty 插件

本文链接：https://blog.youkuaiyun.com/qq_38891182/article/details/88817607

Noty 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个名为noty的通知插件的使用方法。通过简单的代码示例展示了如何创建包含输入框的确认对话框，并提供了必要的样式和脚本文件链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件下载

https://github.com/needim/noty

页面通知

页面通知参考
https://blog.youkuaiyun.com/asing1elife/article/details/82905563

需要导入的文件

    <link href="~/Content/noty-master/noty-master/lib/noty.css" rel="stylesheet" />

    <script src="~/Content/noty-master/noty-master/lib/noty.min.js"></script>
    <script src="~/Content/noty-master/noty-master/lib/noty.js"></script>

确认对话框

我们可以用下面的数组设置按钮对象;

 new Noty({
  text: 'Do you want to continue? <input id="example" type="text">',
  buttons: [
    Noty.button('YES', 'btn btn-success', function () {
        console.log('button 1 clicked');
    }, {id: 'button1', 'data-status': 'ok'}),

    Noty.button('NO', 'btn btn-error', function () {
        console.log('button 2 clicked');
         Noty.closeAll();
    })
  ]
}).show();