Почему не работают табы при повтором копировании?

Question

[Юля]

Есть вот такой код для табов. На главной страницей работает всё отличное, но при копировании блока с этими табами на другую страницу - там уже не работаю. На главной всё так же отлично. Не понимаю почему

let tabs = document.querySelector('.tabs__items')
    tabs.addEventListener('click', (e) => {
        if (e.target.closest('.item')?.classList.contains('item')) {
            for (let i = 0; i < tabs.children.length; i++) {
                tabs.children[i].classList.remove('item_active')
            }
            let currItem = e.target.closest('.item')
            currItem.classList.add('item_active')

            let name = document.querySelector('.commands .people__name')
            let text = document.querySelector('.commands .people__text')
            let thumb = document.querySelector('.commands .tabs__content .right img')

            name.textContent = currItem.dataset.tabName
            text.textContent = currItem.dataset.tabPostiton
            thumb.src = currItem.dataset.tabThumb
        }
    });

Answer 1

[Balis Baliev]

А что значит "при копировании блока с этими табами" ? Можно предположить, что дело обстоит с селекторами.

Comments

[Юля]

при копировании html блока)