Commit 2ebc0ad2 authored by Jonathan Ingram's avatar Jonathan Ingram
Browse files

Update docs to show available events on alert

parent 5de1e39a
Showing with 24 additions and 0 deletions
+24 -0
...@@ -750,6 +750,30 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -750,6 +750,30 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4>.alert('close')</h4> <h4>.alert('close')</h4>
<p>Closes an alert.</p> <p>Closes an alert.</p>
<pre class="prettyprint linenums">$(".alert-message").alert('close')</pre> <pre class="prettyprint linenums">$(".alert-message").alert('close')</pre>
<h3>Events</h3>
<p>Bootstrap's alert class exposes a few events for hooking into alert functionality. </p>
<table class="zebra-striped">
<thead>
<tr>
<th style="width: 150px;">Event</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>close</td>
<td>This event fires immediately when the <code>close</code> instance method is called.</td>
</tr>
<tr>
<td>closed</td>
<td>This event is fired when the alert has been closed (will wait for css transitions to complete).</td>
</tr>
</tbody>
</table>
<pre class="prettyprint linenums">
$('#my-alert').bind('closed', function () {
// do something ...
})</pre>
<h3>Demo</h3> <h3>Demo</h3>
<div class="alert-message warning fade in"> <div class="alert-message warning fade in">
<a class="close" data-dismiss="alert" href="#">&times;</a> <a class="close" data-dismiss="alert" href="#">&times;</a>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment