Я ссылаюсь на другой сайт, чтобы воспроизвести их систему переключений, но, похоже, он не работает на моем конце. < /p>
navigation
home
about
this is tab 1
this is tab 2
< /code>
// TAB SWITCHING
document.addEventListener('DOMContentLoaded', () => {
document
.querySelectorAll('#nav-list nav a[data-tab]')
.forEach(a => {
a.addEventListener('click', e => {
e.preventDefault();
const tabId = a.dataset.tab;
// hide all tab‐contents
document
.querySelectorAll('#main .tab-content')
.forEach(div => div.style.display = 'none');
// show the one picked
document.getElementById(tabId).style.display = 'block';
});
});
});
< /code>
The only things I'm doing different is using instead of a tag for my navigation bar.
This is a snippet from the example I'm referencing.
ul class="nav-list"
[*]
[*]
tab 1
tab 2
< /code>
They aren't using an external script either, just putting their script in the html at the very bottom. Am I misunderstanding something or am I in a special hell of my own making? Any help would be really appreciated.
Подробнее здесь: https://stackoverflow.com/questions/797 ... a-tab-tabs
