diff options
author | Jitan Gupta <hi@jitangupta.com> | 2021-07-16 08:50:50 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2021-07-26 18:07:27 +0300 |
commit | e805a5e2879f95d75fefe1867f8ef7a36e3a299b (patch) | |
tree | 2d71198cc773aa1bca57567229d9edb401f9848f /site/content/docs | |
parent | 9ef7ca51568372cde63094281738fe72f490e89d (diff) |
Update nav-tab.md
Updated the from anchor tag to button in sample examples
Diffstat (limited to 'site/content/docs')
-rw-r--r-- | site/content/docs/5.0/components/navs-tabs.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/site/content/docs/5.0/components/navs-tabs.md b/site/content/docs/5.0/components/navs-tabs.md index b839f9754f..dd5a3e08a3 100644 --- a/site/content/docs/5.0/components/navs-tabs.md +++ b/site/content/docs/5.0/components/navs-tabs.md @@ -525,7 +525,7 @@ You can activate a tab or pill navigation without writing any JavaScript by simp Enable tabbable tabs via JavaScript (each tab needs to be activated individually): ```js -var triggerTabList = [].slice.call(document.querySelectorAll('#myTab a')) +var triggerTabList = [].slice.call(document.querySelectorAll('#myTab button')) triggerTabList.forEach(function (triggerEl) { var tabTrigger = new bootstrap.Tab(triggerEl) @@ -539,10 +539,10 @@ triggerTabList.forEach(function (triggerEl) { You can activate individual tabs in several ways: ```js -var triggerEl = document.querySelector('#myTab a[href="#profile"]') +var triggerEl = document.querySelector('#myTab button[data-bs-target="#profile"]') bootstrap.Tab.getInstance(triggerEl).show() // Select tab by name -var triggerFirstTabEl = document.querySelector('#myTab li:first-child a') +var triggerFirstTabEl = document.querySelector('#myTab li:first-child button') bootstrap.Tab.getInstance(triggerFirstTabEl).show() // Select first tab ``` @@ -593,7 +593,7 @@ Activates a tab element and content container. Tab should have either a `data-bs </div> <script> - var firstTabEl = document.querySelector('#myTab li:last-child a') + var firstTabEl = document.querySelector('#myTab li:last-child button') var firstTab = new bootstrap.Tab(firstTabEl) firstTab.show() |