Bootstrap 4 JS Alert

คลาส CSS แจ้งเตือน

สำหรับบทแนะนำเกี่ยวกับ Alerts โปรดอ่านBootstrap Alerts Tutorialของเรา

Class	Description	Example
`.alert`	Creates an alert message box
`.alert-danger`	Red alert. Indicates a dangerous or potentially negative action
`.alert-dark`	Dark alert. Dark grey alert box
`.alert-dismissible`	Indicates a closable alert box. Together with the `.close` class, this class is used to close the alert (adds extra padding)
`.alert-heading`	Adds `color:inherit` to the specified element
`.alert-info`	Light-blue alert.Indicates a neutral informative change or action
`.alert-light`	Light alert. Light grey alert box
`.alert-link`	Used on links inside alerts to provide matching colored links
`.alert-primary`	Blue alert. Indicates an important action
`.alert-secondary`	Grey alert. Indicates a "less" important action
`.alert-success`	Green alert. Indicates a successful or positive action
`.alert-warning`	Yellow alert. Indicates caution should be taken with this action
`.close`	Styles the close button for the alert message (floats right with a specified font-size, color, etc.)

เพิ่มdata-dismiss="alert"ไปยังลิงก์หรือองค์ประกอบปุ่มเพื่อปิดข้อความแจ้งเตือน

ปิดด้วยตนเองด้วย:

$('.close').alert("close");

None

ตารางต่อไปนี้แสดงรายการวิธีการเตือนที่มีทั้งหมด

Method	Description	Try it
.alert("close")	Closes the alert message
.alert("dispose")	Destroys an element's alert.

ตารางต่อไปนี้แสดงเหตุการณ์การแจ้งเตือนที่มีทั้งหมด

Event	Description	Try it
close.bs.alert	Occurs when the alert message is about to be closed
closed.bs.alert	Occurs when the alert message has been closed (will wait for CSS transitions to complete)