Bootstrap JS Toast

Toast CSS 类

Toast 组件就像一个警报框，仅在发生某些事情时（即，当用户单击按钮、提交表单等时）显示几秒钟。

有关 Toast 的教程，请阅读我们的Bootstrap Toast 教程。

Toast 必须使用 jQuery 初始化：选择指定元素并调用toast()方法。

选项可以通过数据属性或 JavaScript 传递。对于数据属性，将选项名称附加到data-，如data-animation=""。

Name	Type	Default	Description	尝试一下
animation	boolean	true	Specifies whether to add a CSS fade transition effect when showing and hiding the toast. true - Add a fading effect false - Do not add a fading effect	尝试一下
autohide	boolean	true	Specifies whether to hide the toast by default	尝试一下
delay	number	500	Specifies the number of milliseconds it will take to hide the toast once it is shown.	尝试一下

Name

Type

Default

Description

尝试一下

animation

boolean

true

Specifies whether to add a CSS fade transition effect when showing and hiding the toast.

autohide

boolean

true

Specifies whether to hide the toast by default

delay

number

500

Specifies the number of milliseconds it will take to hide the toast once it is shown.

下表列出了所有可用的 Toast 方法。

Method	Description	尝试一下
.toast(options)	Activates the toast with an option. See options above for valid values	尝试一下
.toast("show")	Shows the toast	尝试一下
.toast("hide")	Hides the toast	尝试一下
.toast("dispose")	Hides and destroys the toast	尝试一下

下表列出了所有可用的 Toast 事件。

Event	Description	尝试一下
show.bs.toast	Occurs when the toast is about to be shown	尝试一下
shown.bs.toast	Occurs when the toast is fully shown (after CSS transitions have completed)	尝试一下
hide.bs.toast	Occurs when the toast is about to be hidden	尝试一下
hidden.bs.toast	Occurs when the toast is fully hidden (after CSS transitions have completed)	尝试一下