12345678910111213141516171819202122232425262728293031 |
- // https://stackoverflow.com/a/72358089
-
- const tabs = document.querySelector('#nav-tab').querySelectorAll('button[data-bs-toggle="tab"]');
-
- tabs.forEach(tab => {
- tab.addEventListener('shown.bs.tab', (event) => {
- const { target } = event;
- const { id: targetId } = target;
-
- saveTabId(targetId);
- });
- });
-
- const saveTabId = (selector) => {
- localStorage.setItem('activeTabId', selector);
- };
-
- const getTabId = () => {
- const activeTabId = localStorage.getItem('activeTabId');
-
- // if local storage item is null, show default tab
- if (!activeTabId) return;
-
- // call 'show' function
- const someTabTriggerEl = document.querySelector(`#${activeTabId}`)
- const tab = new bootstrap.Tab(someTabTriggerEl);
-
- tab.show();
- };
-
- getTabId();
|