Я создаю радиокнопки динамически и с помощью функции on () пытаюсь зафиксировать щелчок и что-то с ним сделать.

Пока я использовал радио-кнопки, они работали нормально. Затем я инкапсулировал переключатели в разметке начальной загрузки, чтобы превратить ее в группу кнопок - теперь, когда я нажимаю кнопку, событие click никогда не срабатывает. Понятия не имею, что ям отсутствует!

Вот'код

разметка, которая 'генерируется динамически

 
         22%
    
     19%
    
     11%
    
     42%
    
     8%

Вот'Разметка, которая выбирает радио с помощью селектора jQuery и проверяет, был ли выполнен щелчок

$(document).on('click', 'input:radio[id^="q_op_"]', function(event) {
    alert("click fired");
}

Бутстрап мешает каким-то образом - или я пропускаю какой-то шаг? Я'Я смотрю на код и мои глаза небольше не ловлю ошибку. Любая помощь / советы приветствуются!

(PS - переключатели преобразуются в симпатичную группу кнопок, кнопки нажимаются и остаются нажатыми на нажатых кнопках и т. Д., Поэтому поведение выглядит нормально, за исключением того, что щелчок незарегистрирован на (..))