diff options
Diffstat (limited to 'site/content/docs/5.0/components/navs-tabs.md')
-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() |