javascript - 为什么这个简单的 Knockout.js 示例不起作用?

标签 javascript jquery jquery-mobile knockout.js

我正在使用 Knockout.js 并创建了这个简单的示例:http://jsfiddle.net/JcTxT/30/

<div id="term_grp" data-role="fieldcontain"><a>Semester:</a>

<fieldset id="term_fields" data-role="controlgroup" data-type="horizontal">
    <input type="radio" name="term" id="ss" value="ss" data-bind="checked: term" />
    <label for="ss">Sommersemester</label>
    <input type="radio" name="term" id="ws" value="ws" data-bind="checked: term" />
    <label for="ws">Wintersemester</label>
</fieldset>
Term is <span data-bind="text: pommes"></span>

var aResult = {
    term: ko.observable("ss"),
    pommes: "TEST"
};

$(document).on('pagebeforeshow', '#mainPage', function () {
    ko.applyBindings(aResult);
});

我希望选中其中一个单选按钮(值为“ss”的单选按钮,但事实并非如此。有谁知道,为什么?

干杯

最佳答案

它有效,如果你使用: $(函数(){ ko.applyBindings(aResult); }); 并关闭 jquery mobile。

我在你的 jsfiddle 中试过了。

如果您需要 jquery mobile,此链接有效: http://www.codesizzle.com/jquery-mobile-radio-with-knockout-js/

关于javascript - 为什么这个简单的 Knockout.js 示例不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15637683/

相关文章:

javascript - toISOString() 返回错误的日期

javascript - 期望(array_values).toBeGreaterThan(Some_Value)

javascript - 理解 JavaScript/jQuery 代码片段

javascript - 使用 jQuery,如何删除动态添加到页面头部的类

javascript - Angular 范围不打印变量

javascript - 查询 : Select first thee listitem of each unordered list

javascript - 使用 href onclick 更新 div 而无需重新加载页面?

Jquerymobile 演示无法在 Blackberry curve 8520 上运行

javascript - 离开页面时内容被删除

jquery-mobile - Phonegap 和 C2DM - NullPointerException