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();

<强> Demo

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

1 个答案: