JQM: Можно ли поместить контрольные группы внутри складной панели и не распространять событие щелчка?

Question

Мое настоящее желание - создать выбираемое дерево для JQM (с 3 значениями для каждого элемента). Я попытался сделать с вложенными разборными подразделениями, и это прекрасно работает. Но когда я попытался добавить 3 рации на каждую складную планку, события не запускаются должным образом.

Я думаю, что событие разворачивания / расширения перехватывает событие щелчка радиостанций. Эффект заключается в том, что при нажатии на радиостанцию ​​складная коробка раскрывается, а радиостанция не проверяется.

<div data-role="collapsible" data-theme="b" data-content-theme="d" id="accordion1">
<h3>60
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" >
    <input type="radio" name="selcrit-CLP-60" id="selcrit-CLP-60-asign" value="60-asign">
    <label for="selcrit-CLP-60-asign">Asign</label>
    <input type="radio" name="selcrit-CLP-60" id="selcrit-CLP-60-omit" value="60-omit">
    <label for="selcrit-CLP-60-omit">Omit</label>
    <input type="radio" name="selcrit-CLP-60" id="selcrit-CLP-60-nothing" value="60-nothing">
    <label for="selcrit-CLP-60-nothing">Nothing</label>
</fieldset>                                                         
</h3>                               
<div stylee="margin: 0 10px;">
    Content for 60
</div>

Вот jsfiddle с примером: http://jsfiddle.net/Hz8Ef/

Любая идея? Могу ли я сделать по-другому? заранее спасибо

Answer 1

Решено!

$(document).ready(function() {
$("div .ui-radio").click(
    function(e){                            
        var radioId = $(this).children(":first").attr('name');
        $('input[name=' + radioId + ']').checkboxradio( "refresh" );
        e.stopPropagation();
        }
    );

});

Вот полное решение: http://jsfiddle.net/VuaQg/1/