событие щелчка не запускается в группе переключателей начальной загрузки

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

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

Вот код

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

 <div id="q_opt" class="btn-group" data-toggle="buttons">
        <label class="btn btn-default active" id="d_op_0"> <input id="q_op_0" name="op" type="radio" value="0">22%
    </label>
    <label class="btn btn-default" id="d_op_1"> <input id="q_op_1" name="op" type="radio" value="1">19%
    </label>
    <label class="btn btn-default" id="d_op_2"> <input id="q_op_2" name="op" type="radio" value="2">11%
    </label>
    <label class="btn btn-default" id="d_op_3"> <input id="q_op_3" name="op" type="radio" value="3">42%
    </label>
    <label class="btn btn-default" id="d_op_4"> <input id="q_op_4" name="op" type="radio" value="4">8%</label>
</div>

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

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

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

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

Ответы на вопрос(3)

Ваш ответ на вопрос