Dynamicznie tworzę przyciski radiowe i za pomocą funkcji on () próbuję przechwycić kliknięcie i coś z tym zrobić.

Tak długo, jak korzystałem z przycisków radiowych, działało dobrze. Następnie zamknąłem przyciski opcji w znaczniku ładowania początkowego, aby przekształcić je w grupę przycisków - teraz, gdy kliknę przycisk, zdarzenie kliknięcia nigdy nie zostanie uruchomione. Nie mam pojęcia, czego mi brakuje!

Oto kod

znacznik generowany dynamicznie

 <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>

Oto znacznik, który wybiera radio za pomocą selektora jQuery i sprawdza, czy kliknięcie zostało uruchomione

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

Czy bootstrap ingeruje w jakiś sposób - czy brakuje mi jakiegoś kroku? Wpatruję się w kod, a moje oczy już nie łapią błędu. Doceniona pomoc / wskazówki!

(PS - przyciski radiowe są konwertowane na ładnie wyglądającą grupę przycisków, przyciski klikają i pozostają wciśnięte na klikniętych itd., Więc zachowanie wydaje się być w porządku, z wyjątkiem tego, że kliknięcie nie jest zarejestrowane przez użytkownika on (..))