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