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

Question

[kentos]

Здравствуйте, не срабатывает клик на элеент, но если имитирую через метод .click(), то срабатывает, а физ -- нет. pointer-events не стоит, ссылка в переменной одна

let elemBlock = document.querySelector('.side-category-accordion a'),
            elemClick = document.querySelector('.side-category-accordion a i')


        elemBlock.classList.add('active');
        elemClick.textContent = '-';
        elemBlock.addEventListener('click', (e) => {
            e.preventDefault();
            if(elemBlock.classList.contains('active')) {
                elemBlock.classList.remove('active');
                elemClick.textContent = '+';
            } else {
                elemBlock.classList.add('active')
                elemClick.textContent = '-';
            }
        })

Comments

[Алексей]

У тебя в e.target какой елемент ? Попробуй клик все же на elemClick повесить

[kentos]

Алексей, в таргете тот элемент что и в elemBlock

[Вадим]

демку бы с вёрсткой и тд

[kentos]

Тут можно протестить Где расширенное меню

Answer 1

[Лев Забудкин]

скорее всего у вас клик в консоли срабатывает на первом элементе :)
elemClick у Вас как выберится?
Делайте тогда дополнительно:
if(elemBlock.classList.contains('active')) {
elemBlock.classList.remove('active');
elemClick = document.querySelector('.side-category-accordion a [name=лалала]')
и т.п.

Comments

[kentos]

Я изначально сделал ошибку в названии переменной, elemClick используется только для изменения, на него клик не вешается

[Лев Забудкин]

У Вас кликнутый элемент передаётся в функцию под переменной e

let elemBlock = document.querySelector('.side-category-accordion a'),
            elemClick = document.querySelector('.side-category-accordion a i')


        elemBlock.classList.add('active');
        elemClick.textContent = '-';
        elemBlock.addEventListener('click', (e) => {
            e.preventDefault();
            if(e.classList.contains('active')) {
                e.classList.remove('active');
                e.textContent = '+';
            } else {
                e.classList.add('active')
                e.textContent = '-';
            }
        })

[kentos]

Лев Забудкин, Не работает :(