Событие нажатия кнопки не срабатывает [закрыто] ⇐ Jquery

[Anonymous]

Простое определение кнопки HTML с помощью jQuery для захвата события нажатия не срабатывает.
Я определил кнопку в своем HTML с помощью следующего кода (я использую Bootstrap 5)

Код: Выделить всё

Compare…

Кнопка появляется при загрузке страницы.
У меня есть код jQuery для захвата события щелчка, как показано ниже.

Код: Выделить всё

$("#compare-btn").on("click", function() {
alert("compare clicked")
})

Когда я нажимаю кнопку, диалоговое окно предупреждения не отображается. Я также установил точку останова в приведенном выше коде с помощью инструментов разработчика Chrome, и она не сработала.
Я также попробовал событие .click() вместо .on( "click"... с тем же результатом. Я даже пытался делегировать событие , включающему кнопку, но оно все равно не срабатывает.
Единственное изменение кнопки после ее первой загрузки заключается в том, что ее текст изменяется при срабатывании других событий на странице. Все остальные события нажатия jQuery для других кнопок на странице работают как положено.
Я проверил наличие повторяющегося идентификатора в своем html, а также то, что приведенный выше jQuery является единственным событием, определенным для кнопки.

Подробнее здесь: https://stackoverflow.com/questions/783 ... not-firing