Bootstrap Tutorial

×
Warning! There was a problem with your
network connection.
$(function(){
$(".close").click(function(){
$("#myAlert").alert('close');
});
});
Try this code using the Try it editor. You can see that the close functionality is applied to all the alert messages i.e
close any alert message, rest of the alert messages also get closed.
EVENTS
Following table lists the events to work with alert plugin. This event may be used to hook into the alert function.
Event Description Example
close.bs.alert
This event fires immediately when
the close instance method is called.
$('#myalert').bind('close.bs.alert',
function () {
// do something…
})
closed.bs.alert
This event is fired when the alert has
been closed (will wait for CSS
transitions to complete).
$('#myalert').bind('closed.bs.alert',
function () {
// do something…
})
EXAMPLE
The following example demonstrates the alert plugin events:
×
Success! the result is successful.
$(function(){
$("#myAlert").bind('closed.bs.alert', function () {
alert("Alert message box is closed.");
});
});
TUTORIALS POINT
Simply Easy Learning