From 67f199678c6f764f2812260f42b553b22ec740f8 Mon Sep 17 00:00:00 2001
From: Jacob Thornton {{_i}}Enable tabbable tabs via javascript:{{/i}} {{_i}}You can also activate a specific tab (or a pseudo-selected one) on init:{{/i}} {{_i}}You can activate a tab or pill navigation without writing any javascript by simply specifying {{_i}}You can activate a tab or pill navigation without writing any javascript by simply specifying {{_i}}interval{{/i}}
{{_i}}number{{/i}}
5000
- {{_i}}The amount of time to delay between automatically cycling an item.{{/i}}
+ {{_i}}The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.{{/i}}
+ {{_i}}pause{{/i}}
--
cgit v1.2.3
From 07d23b927ee4eefdee51d4fcbffb3dece33be698 Mon Sep 17 00:00:00 2001
From: Jacob Thornton {{_i}}Events{{/i}}
+
+
+
--
cgit v1.2.3
From 2f06366399f1b0572b0dbcbadcf06df9e4867f2b Mon Sep 17 00:00:00 2001
From: Marcus Bointon
+
+
+
+ {{_i}}Event{{/i}}
+ {{_i}}Description{{/i}}
+
+
+
+ {{_i}}activate{{/i}}
+ {{_i}}This event fires whenever a new item becomes activated by the scrollspy.{{/i}}
+ {{_i}}Using bootstrap-tab.js{{/i}}
$('#myTab').tab('show')
+
+$('#myTab a[href="#profile"]').tab('show');
+$('#myTab a:last').tab('show');
+
{{_i}}Markup{{/i}}
- data-toggle="tab" or data-toggle="pill" on an element.{{/i}}data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the bootstrap tab styling.{{/i}}
<ul class="nav nav-tabs">
<li><a href="#home" data-toggle="tab">{{_i}}Home{{/i}}</a></li>
@@ -577,7 +582,7 @@ $('#myModal').on('hidden', function () {
{{_i}}Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.{{/i}}
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">{{_i}}Home{{/i}}</a></li>
<li><a href="#profile">{{_i}}Profile{{/i}}</a></li>
<li><a href="#messages">{{_i}}Messages{{/i}}</a></li>
@@ -593,7 +598,7 @@ $('#myModal').on('hidden', function () {
<script>
$(function () {
- $('.tabs a:last').tab('show')
+ $('#myTab a:last').tab('show')
})
</script>
- {{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.{{/i}} + {{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.{{/i}}
{{_i}}Click the tabs below to toggle between hidden panes, even via dropdown menus.{{/i}}
-{{_i}}Enable tabbable tabs via javascript:{{/i}}
-$('#myTab').tab('show')
- {{_i}}You can select individual tabs in several ways:{{/i}}
+{{_i}}Enable tabbable tabs via javascript (each tab needs to be activated individually):{{/i}}
+
+$('#myTab a').click(function (e) {
+ e.preventDefault();
+ $(this).tab('show');
+})
+ {{_i}}You can activate individual tabs in several ways:{{/i}}
$('#myTab a[href="#profile"]').tab('show'); //Select tab by name
$('#myTab a:first').tab('show'); //Select first tab
--
cgit v1.2.3
From 0e73a0e94b70eab01ca0cafbec48a892531304af Mon Sep 17 00:00:00 2001
From: Mark Otto
Date: Thu, 22 Mar 2012 17:09:54 -0700
Subject: change spacing and fix code blocks
---
docs/templates/pages/javascript.mustache | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
(limited to 'docs/templates/pages/javascript.mustache')
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index c6d1f403c..01fcb9761 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -568,10 +568,10 @@ $('#myTab a').click(function (e) {
})
{{_i}}You can activate individual tabs in several ways:{{/i}}
-$('#myTab a[href="#profile"]').tab('show'); //Select tab by name
-$('#myTab a:first').tab('show'); //Select first tab
-$('#myTab a:last').tab('show'); //Select last tab
-$('#myTab li:eq(2) a').tab('show'); //Select third tab (0-indexed)
+$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
+$('#myTab a:first').tab('show'); // Select first tab
+$('#myTab a:last').tab('show'); // Select last tab
+$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)
{{_i}}You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the bootstrap tab styling.{{/i}}
- {{_i}}Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.{{/i}}
+ {{_i}}Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM.{{/i}}
<ul class="nav nav-tabs" id="myTab">
@@ -604,7 +604,7 @@ $('#myTab li:eq(2) a').tab('show'); //Select third tab (0-indexed)
<script>
$(function () {
- $('#myTab a:last').tab('show')
+ $('#myTab a:last').tab('show');
})
</script>
{{_i}}Get base styles and flexible support for collapsible components like accordions and navigation.{{/i}}
{{_i}}Download file{{/i}} - +* {{_i}}Requires the Transitions plugin to be included.{{/i}}
+{{_i}}Using the collapse plugin, we built a simple accordion style widget:{{/i}}
-- cgit v1.2.3 From 6dc59a9c3e0facab3abed7cb66d90c2316530014 Mon Sep 17 00:00:00 2001 From: Jacob Thornton{{_i}}delay showing and hiding the tooltip (ms){{/i}}
+{{_i}}delay showing and hiding the tooltip (ms) - does not apply to manual trigger type{{/i}}
{{_i}}If a number is supplied, delay is applied to both hide/show{{/i}}
{{_i}}Object structure is: delay: { show: 500, hide: 100 }{{/i}}
{{_i}}delay showing and hiding the popover (ms){{/i}}
+{{_i}}delay showing and hiding the popover (ms) - does not apply to manual trigger type{{/i}}
{{_i}}If a number is supplied, delay is applied to both hide/show{{/i}}
{{_i}}Object structure is: delay: { show: 500, hide: 100 }{{/i}}
<a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.{{/i}}
{{_i}}When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:{{/i}}
+
+$('[data-spy="scroll"]').each(function () {
+ var $spy = $(this).scrollspy('refresh')
+});
+