Clarify docs on how tabs are activated from JS, see #1000

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 716a5d50990fcefde2495c0aadcd762961d22bb5..80e5096dfb73c659066e2c527bd0aff94b93cc7d 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/javascript.html b/docs/javascript.html
index f2d23ef52a408bfa43d15da1caf528f2664a1d7d..39cb5c5a5ee7d96ccd81975578763ccc28731db4 100644 (file)
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -636,9 +636,13 @@ $('#myModal').on('hidden', function () {
           </div>
           <hr>
           <h2>Using bootstrap-tab.js</h2>
-          <p>Enable tabbable tabs via javascript:</p>
-          <pre class="prettyprint linenums">$('#myTab').tab('show')</pre>
-          <p>You can select individual tabs in several ways:</p>
+          <p>Enable tabbable tabs via javascript (each tab needs to be activated individually):</p>
+          <pre class="prettyprint linenums">
+$('#myTab a').click(function (e) {
+  e.preventDefault();
+  $(this).tab('show');
+})</pre>
+          <p>You can activate individual tabs in several ways:</p>
 <pre class="prettyprint linenums">
 $('#myTab a[href="#profile"]').tab('show'); //Select tab by name
 $('#myTab a:first').tab('show'); //Select first tab

diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 925377339bd728f288a76cbeb9944007528db39c..c6d1f403c467c12a0d03132d6b3ae21d0f106f03 100644 (file)
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -560,9 +560,13 @@ $('#myModal').on('hidden', function () {
           </div>
           <hr>
           <h2>{{_i}}Using bootstrap-tab.js{{/i}}</h2>
-          <p>{{_i}}Enable tabbable tabs via javascript:{{/i}}</p>
-          <pre class="prettyprint linenums">$('#myTab').tab('show')</pre>
-          <p>{{_i}}You can select individual tabs in several ways:{{/i}}</p>
+          <p>{{_i}}Enable tabbable tabs via javascript (each tab needs to be activated individually):{{/i}}</p>
+          <pre class="prettyprint linenums">
+$('#myTab a').click(function (e) {
+  e.preventDefault();
+  $(this).tab('show');
+})</pre>
+          <p>{{_i}}You can activate individual tabs in several ways:{{/i}}</p>
 <pre class="prettyprint linenums">
 $('#myTab a[href="#profile"]').tab('show'); //Select tab by name
 $('#myTab a:first').tab('show'); //Select first tab