home/bootstrap
2
0
Fork 0
mirror of https://github.com/wahyd4/bootstrap.git synced 2026-08-09 21:06:09 +10:00
Code Issues Packages Projects Releases Wiki Activity

update with latest js + docs

Browse Source
This commit is contained in:
Jacob Thornton
2011-10-02 22:32:21 -07:00
parent f068ee36aa
commit ae838cb5ff
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript.html
+24 -3
View File
@@ -103,7 +103,7 @@
<td>backdrop</td>
<td>boolean, string</td>
<td>false</td>
<td>Includes a modal-backdrop element. Set backdrop to <code>"static"</code> if you do not want the modal closed when the backdrop is clicked</td>
<td>Includes a modal-backdrop element. Set backdrop to <code>"static"</code> if you do not want the modal closed when the backdrop is clicked.</td>
</tr>
<tr>
<td>keyboard</td>
@@ -130,7 +130,7 @@
<p>Activates your content as a modal. Accepts an optional options <code>object</code>.
<pre class="prettyprint linenums">
$('#my-modal').modal({
closeOnEscape: true
keyboard: true
})</pre>
<h4>.modal('toggle')</h4>
<p>Manually toggles a modal.</p>
@@ -349,7 +349,7 @@ $('#my-modal').bind('hidden', function () {
&lt;div id="profile"&gt;...&lt;/div&gt;
&lt;div id="messages"&gt;...&lt;/div&gt;
&lt;div id="settings"&gt;...&lt;/div&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;script&gt;
$(function () {
@@ -357,6 +357,26 @@ $('#my-modal').bind('hidden', function () {
})
&lt;/script&gt;</pre>
</p>
<h3>Events</h3>
<table class="zebra-striped">
<thead>
<tr>
<th style="width: 150px;">Event</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>This event fires on tab change. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab respectively.</td>
</tr>
</tbody>
</table>
<pre class="prettyprint linenums">
$('#.tabs').bind('change', function (e) {
e.target // activated tab
e.relatedTarget // previous tab
})</pre>
<h3>Demo</h3>
<ul class="tabs" data-tabs="tabs" >
<li class="active"><a href="#home">Home</a></li>
@@ -509,6 +529,7 @@ $('#my-modal').bind('hidden', function () {
<div class="row">
<div class="span4 columns">
<p>The popover plugin provides a simple interface for adding popovers to your application. It extends the <a href="#twipsy">bootstrap-twipsy.js</a> plugin, so be sure to grab that file as well when including popovers in your project!</p>
<p><span class="label notice">Notice</span> You must include the bootstrap-twipsy.js file <strong>before</strong> bootstrap-popover.js.</p>
<a href="1.3.0/bootstrap-popover.js" target="_blank" class="btn primary">Download</a>
</div>
<div class="span12 columns">