Bootstrap: Tin nhắn thông báo alert.js
Giải phóng thời gian, khai phóng năng lực
Các ví dụ
Thêm tính năng đóng tin nhắn bằng cách sử dụng plugin này.
×CloseHoly guacamole! Best check yo self, you're not looking too good.
×Close
Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
Take this action Or do this
Cách sử dụng
Kích hoạt việc đóng một tin nhắn bằng Javascript:
$(".alert").alert()
Markup
Bạn chỉ cần thêm data-dismiss="alert"
vào nút "Đóng" của bạn để tự động thêm tính năng đóng tin nhắn.
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
Các phương thức
$().alert()
Thêm tính năng đóng cho toan bộ các tin nhắn thông báo. Để tạo hiệu ứng động cho tin nhắn khi đóng, hãy thêm class .fade
và.in
vào tin nhắn đó.
.alert('close')
Đóng tin nhắn.
$(".alert").alert('close')
Các sự kiện
Các class gắn với tin nhắn thông báo của Bootstrap hỗ trợ một số các sự kiện để can thiệp vào tính năng của tin nhắn.
Loại sự kiện | Mô tả |
---|---|
close.bs.alert | Sự kiện này xảy ra ngay khi phương thức close được gọi. |
closed.bs.alert | Sự kiện này xảy ra khi tin nhắn đã được đóng lại (đang chờ CSS transition kết thúc). |
$('#my-alert').on('closed.bs.alert', function () {
// do something…
})
Giải phóng thời gian, khai phóng năng lực