[TOC] > [github](https://github.com/needim/noty) ## 概述 可指定通知的位置,如中間或靠右側 ## 默認配置 ``` $.noty.defaults = { layout: 'top', // 默認布局 theme: 'defaultTheme', // 默認主題 type: 'alert', // 默認類型 text: '', //默認文本 dismissQueue: true, // 是否添加到隊列 template: '<div class="noty_message"><span class="noty_text"></span><div class="noty_close"></div></div>', // 消息默認模板 animation: { //默認的顯示及關閉動畫 open: {height: 'toggle'}, close: {height: 'toggle'}, easing: 'swing', speed: 500 // opening & closing animation speed }, timeout: false, // 自動關閉時間,默認不會自動關閉 force: false, // 添加到隊列開始處 modal: false, // 遮罩 maxVisible: 5, // 一個隊列的消息最大可見數量, 即一個隊列中同一時間最多顯示的數量 closeWith: ['click'], // ['click', 'button', 'hover'] 關閉的事件,默認點擊消息關閉 callback: { // 回調函數 onShow: function() {}, // 顯示之前 afterShow: function() {}, // 顯示之后 onClose: function() {}, // 關閉之前 afterClose: function() {} // 關閉之后 }, buttons: false // 按鈕,用于在彈出的消息框中顯示按鈕 }; ``` 使用 ``` noty({ text: '你要繼續嗎?', buttons: [ {addClass: 'btn btn-primary', text: '確定', onClick: function($noty) { // this = button element 也就是當前的按鈕 // $noty = $noty element 也就是當前這個提示信息對象 $noty.close(); noty({text: '你點擊了確定按鈕', type: 'success'}); } }, {addClass: 'btn btn-danger', text: '取消', onClick: function($noty) { $noty.close(); noty({text: '你點擊了取消按鈕', type: 'error'}); } } ] }); ```