jquery-mobile - 如何在淘汰赛 foreach 循环中呈现 jQuery 移动复选框？

Question

当我在淘汰赛 foreach 循环中时，我似乎难以呈现标准的 jQuery 复选框。

使用这样的标准代码看起来不错：

<input type="checkbox" data-theme="c" name="checkbox-1" id="checkbox-1" class="custom" data-bind="checked: error, click: acceptChanges" />
<label for="checkbox-1">Error</label>
<input type="checkbox" data-theme="c" name="checkbox-2" id="checkbox-2" class="custom" data-bind="checked: information, click: acceptChanges" />
<label for="checkbox-2">Information</label>

但是当我在 foreach 循环中尝试这个时，它会变得非常小！

<!-- ko foreach: selectedLogTypes -->
        <input type="checkbox" data-theme="c" class="custom" 
            data-bind="jqmChecked: isSelected, attr: { 'id': 'checkbox_' + $index(), 'name': 'checkbox_' + $index() }" />
        <label data-bind="text: logType, attr: { 'for': 'checkbox_' + $index() }"></label>
<!-- /ko -->

这是演示问题的小提琴示例的链接。

http://jsfiddle.net/mheere/A33Ng/1/

非常感谢任何帮助！

Answer 1

您需要checkbox手动增强controlgroup。

$("[type=checkbox]").checkboxradio();
$("[data-role=controlgroup]").controlgroup();

演示