Toasts 插件

优质
小牛编辑
138浏览
2023-12-01

Toasts 插件提供了简单的功能,可以轻松创建 bootstrap toast。

用法

该插件可以作为 jQuery 插件激活。

jQuery

jQuery API 提供了更多可自定义的选项,允许开发人员处理待办事项列表中的选中和取消选事件。

$(document).Toasts('create', {
  title: 'Toast 标题',
  body: 'Lorem ipsum dolor 坐在沙发上,坐立不安。'
})

选项

名称类型默认说明
positionStringPosition.TOP_RIGHTtoast 位置,可用选项:topRighttopLeftbottomRightbottomLeft
fixedBooleantrue是否固定 toast 容器。
autohideBooleanfalse是否自动隐藏 toast
autoremoveBooleantrue关闭后是否自动移除 toast
delayInteger1000自动隐藏延迟时间
fadeBooleantrue是否淡化 toast
iconStringnull图标类 (例如 fas fa-exclamation-triangle
imageStringnull图片地址
imageAltStringnull图片 alt
imageHeightString‘25px’toast 图片大小
titleStringnulltoast 标题
subtitleStringnulltoast 子标题
closeBooleantrue是否在 toast 上添加关闭按钮
bodyStringnulltoast 内容
classStringnulltoast 的附加类

事件

所有事件都发送到 body

事件类型说明
init.lte.toasts 构造函数完成后触发
created.lte.toasts 创建时触发
removed.lte.toasts 移除时触发

示例: $('body').on('created.lte.toast', handleCreateEvent)

方法

方法说明
create 创建 toast

示例: $(document).Toasts('create', {title: 'Toast 标题'})