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/

JQM：是否可以将控制组放在可折叠栏中而不传播click事件？

1 个答案: