html - 在JQuery Mobile中的可折叠小部件内编辑输入元素

我试图设计一个表格，现在我很难描述它，所以我创建了一个小提琴：http://jsfiddle.net/tLh72acj/

我认为这表明了我的问题：我无法访问无线电输入：

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
     <input type="radio" name="bestellart" value="vor" id="vor" checked />
     <label for="vor">CAN'T</label>
     <input type="radio" name="bestellart" value="eil" id="eil" />
     <label for="eil">TOUCH</label>
     <input type="radio" name="bestellart" value="ewg" id="ewg" />
     <label for="ewg">THIS!</label>
</fieldset>

当我单击单选按钮时，我想对其进行控制，但是如果单击可折叠对象内的任何其他位置，我希望将其打开（但如果我使用单选按钮，则不需要）。我该如何处理？

最佳答案

那是你要的吗 ？

JsFiddle

if ($(this).closest(".ui-collapsible").hasClass('ui-collapsible-collapsed')){
    $(this).closest(".ui-collapsible").collapsible({collapsed: false});
}
else{
    $(this).closest(".ui-collapsible").collapsible({collapsed: true});
}

这是带有注释的更新：JsFiddle

关于html - 在JQuery Mobile中的可折叠小部件内编辑输入元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28811240/