绑定挖空阵列以渲染jqm单选按钮

时间:2014-08-01 04:29:56

标签: jquery jquery-mobile knockout.js

我正在尝试渲染一个单选按钮列表。我从这个url修改了代码示例,最后得到了这段废话/代码,

http://demos.jquerymobile.com/1.0a4.1/docs/forms/forms-radiobuttons.html

<fieldset data-role="controlgroup">
    <legend>Choose a pet:</legend>
        <!-- ko foreach: pets -->
            <input type="radio" name="radio1" data-bind="value: id, checked: $root.selectedID, attr: {'id': 'radio-1' + $index() }" />
            <label data-bind="attr: {'for': 'radio1' + $index() }, text: name"></label>
        <!-- /ko -->
</fieldset>

我不知道我做错了什么。我在渲染的html中看到div(带有类ui-radio)只围绕输入,标签位于div之外。结果单选按钮列表完全不符合格式。

我做错了什么?

感谢。

1 个答案:

答案 0 :(得分:1)

你需要告诉jquery mobile手动增强这些功能。以下是如何做到这一点:

$('[type="radio"]').checkboxradio();

https://stackoverflow.com/a/14550417/725866