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