Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-03-19 22:10:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

querySelector will only select the first element. Adjust to QuerySelectorAll

Browse source
This commit is contained in:
aphel 2021-04-22 14:24:17 +01:00 committed by Mark Otto
parent 2f734af472
commit 285ff5ebf9
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
site/content/docs/5.0/components/list-group.md
View file

@ -532,9 +532,11 @@ If no tab was already active, the `hide.bs.tab` and `hidden.bs.tab` events will
</table>
```js
var tabEl = document.querySelector('a[data-bs-toggle="list"]')
tabEl.addEventListener('shown.bs.tab', function (event) {
event.target // newly activated tab
event.relatedTarget // previous active tab
})
var tabElms = document.querySelectorAll('a[data-bs-toggle="list"]')
tabElms.forEach(function(tabElm) {
tabElm.addEventListener('shown.bs.tab', function (event) {
event.target // newly activated tab
event.relatedTarget // previous active tab
})
}
```