diff options
| author | aphel <aphel@indices.io> | 2021-04-22 16:24:17 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2021-06-15 04:50:02 +0300 |
| commit | 285ff5ebf9eb564cdf59c745d1adf48aa761faa3 (patch) | |
| tree | 82743600690454d243a66f05550adea5a370cf37 /site/content/docs | |
| parent | 2f734af472bfb275627f10a002dfc348cf3db93d (diff) | |
querySelector will only select the first element. Adjust to QuerySelectorAll
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.0/components/list-group.md | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/site/content/docs/5.0/components/list-group.md b/site/content/docs/5.0/components/list-group.md index 76d0013e21..c49541bdba 100644 --- a/site/content/docs/5.0/components/list-group.md +++ b/site/content/docs/5.0/components/list-group.md @@ -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 + }) +} ``` |