Почему не удается повесить событие на dropdown-backdrop в Bootstrap?

Question

[TuMko]

Здравствуйте. Есть dropdown на Bootstrap3. При его открытии появляется пустой элемент с классом dropdown-backdrop, по клику по которому этот dropdown и закрывается. Мне необходимо, чтобы после закрытия dropdown так же выполнялось определенное действие, к примеру $('body').removeClass('noscroll'). Но когда вешаю клик $('.dropdown-backdrop').on('click', function () {}), то он не срабатывает. Помогите пожалуйста решить эту проблему.

Comments

[Kovalsky]

Специально для этого существуют бутстрап ивенты - https://getbootstrap.com/docs/3.3/javascript/#drop...
Просто вешаете событие на нужный ивент и всё

[TuMko]

Kovalsky, спасибо, помогло!

Answer 1

[Юрий]

Скорее всего, когда вы вешаете обработчик, элемента просто не существует, потому что бутстрап добавляет его только после того, как откроется дропдаун. Вешайте обработчик на document:

document.addEventListener('click', (event) => {
  if (event.target.classList.contains('dropdown-backdrop') {
    // нужный код
  }
})

Comments

[TuMko]

спасибо!