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

Question

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

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

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