Toasts 插件提供简单的功能,可轻松创建 bootstrap Toast。
此插件可以作为 jQuery 插件激活。
jQuery API 提供了更可定制的选项,允许开发者处理 todo 列表复选框事件和取消选中事件。
$(document).Toasts('create', {
title: 'Toast Title',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| position | 字符串 | Position.TOP_RIGHT | Toast 的位置,可用选项:topRight、topLeft、bottomRight 和 bottomLeft |
| fixed | 布尔值 | true | 是否将 Toast 容器设置为固定。 |
| autohide | 布尔值 | false | 是否自动隐藏 Toast |
| autoremove | 布尔值 | true | 在关闭后是否自动移除 Toast |
| delay | 整数 | 1000 | 自动隐藏延迟 |
| fade | 布尔值 | true | 是否淡化 Toast |
| icon | 字符串 | 空 | 图标类(例如 fas fa-exclamation-triangle) |
| image | 字符串 | 空 | 图片 URL |
| imageAlt | 字符串 | 空 | 图片备选文字 |
| imageHeight | 字符串 | ‘25px’ | Toast 的图片大小 |
| title | 字符串 | 空 | Toast 标题 |
| subtitle | 字符串 | 空 | Toast 副标题 |
| close | 布尔值 | true | 是否在 Toast 中添加关闭按钮 |
| body | 字符串 | 空 | Toast 主体 |
| class | 字符串 | 空 | 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'})