0

我真正的愿望是为 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/

任何的想法?我可以用其他方式吗?

4

1 回答 1

0

解决了!

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

于 2013-04-09T11:13:02.510 回答