событие щелчка не запускается в группе переключателей начальной загрузки
Я создаю радиокнопки динамически и с помощью функции 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 - переключатели преобразуются в симпатичную группу кнопок, кнопки нажимаются и остаются нажатыми на нажатых кнопках и т. Д., Поэтому поведение выглядит нормально, за исключением того, что щелчок не зарегистрирован с помощью (..))