Почему click() jQuery отрабатывает 1 раз?

Question

[Орхан Гасанлы]

Имеется такой код:

$('#metronome').click(function(e) {
            e.preventDefault();
            var metronomeVolume = at.alphaTab('metronomeVolume');
            if(metronomeVolume == 0) {
                at.alphaTab('metronomeVolume', 1);
                $('#metronome').parent('li').addClass('metronomeActive');
            }
            else {
                at.alphaTab('metronomeVolume', 0);
                $('#metronome').parent('li').removeClass('metronomeActive');
            }
        });

<li class="nav-item">
            <a title="Metronome" id="metronome" class="nav-link" href="#"><i class="fas fa-stopwatch"></i></a>
        </li>

Клик по кнопке отрабатывает только один раз.
Нашел вот это:
https://stackoverflow.com/questions/10194728/jquer...
Попробовал live() и попробовал повесить событие на on() не помогло.
Буду признателен за подсказку!

Comments

[Алексей]

Если у вас меняются элементы DOM при клике то нужно использовать метод ON

1 Вариант:

$('#metronome').on('click', function(e) {
	//Ваш код
})

2) Вариант:

$('#wraper').on('click', '#metronome', function(e) {
	//Ваш код
})

Answer 1

[Александр Черемхин]

код должен работать, но у вас с обработчике что то вызывается еще

...
 var metronomeVolume = at.alphaTab('metronomeVolume');
...

и видимо, дает какие-то побочные эффекты. попробуйте для отладки, выпилить все at.alphaTab, скорее всего все заработает нормально.

Comments

[Орхан Гасанлы]

Большое спасибо за ответ!

Суть в том, что используется библиотека alphaTab, которая при нажатии на эту кнопку запускает метроном.

О том, как именно отрабатывает библиотека и есть ли побочные эффекты не знаю. Скоро проверю.