Toasts插件提供简单功能,可以轻松创建一个bootstrap toast。
此插件可以作为jQuery插件激活。
jQuery API提供了更多可定制的选项,允许开发者处理检查和取消选中待办事项列表复选框的事件。
$(document).Toasts('create', {
title: 'Toast Title',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
| 名称 | 类型 | 默认 | 描述 |
|---|---|---|---|
| position | 字符串 | Toast的位置,可用选项: | Position of the toast, available options: topRight, topLeft, bottomRight & bottomLeft |
| fixed | 布尔值 | true | 是否设置toast容器为固定。 |
| autohide | 布尔值 | false | 是否自动隐藏toast |
| autoremove | 布尔值 | true | 关闭后是否自动移除toast |
| delay | 整数 | 1000 | 自动隐藏延迟 |
| fade | 布尔值 | true | 是否淡入淡出toast |
| icon | 字符串 | null | 图标类(例如:fas fa-exclamation-triangle) |
| image | 字符串 | null | 图片url |
| imageAlt | 字符串 | null | 图片替代文本 |
| imageHeight | 字符串 | ‘25px’ | Toast的图片大小 |
| title | 字符串 | null | Toast的标题 |
| subtitle | 字符串 | null | 副标题 |
| close | 布尔值 | true | 是否在toast中添加关闭按钮 |
| body | 字符串 | null | Toast的内容 |
| class | 字符串 | null | Toast的附加类 |
所有事件都发送到body.
| 事件类型 | 描述 |
|---|---|
| init.lte.toasts | 构造函数完成时触发 |
| created.lte.toasts | Toast创建时触发 |
| removed.lte.toasts | Toast移除时触发 |
示例:$('body').on('created.lte.toast', handleCreateEvent)
| 方法 | 描述 |
|---|---|
| create | 创建toast |
示例:$(document).Toasts('create', {title: 'Toast Title'})