在 JQuery 移动设备中编辑可折叠小部件内的输入元素

Question

我试图设计一个表格，现在描述起来太复杂了，所以我创建了一个 fiddle：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>

我想在单击单选按钮时控制它们，但如果我单击可折叠项内的任何其他位置，我希望它打开（但如果我使用单选按钮则不会）。我该如何处理？

Answer 1

这是你想要的吗？

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

在 JQuery 移动设备中编辑可折叠小部件内的输入元素

Edit a input element inside a collapsible widget in JQuery Mobile

html

css

jquery-mobile