0

ノックアウト 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/

どんな助けでも大歓迎です！

4

1 に答える 1

0

手動で強化する必要がありcheckboxますcontrolgroup。

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

デモ

于 2013-11-13T20:37:18.770 に答える