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

Question

我正在玩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"的那个)但事实并非如此.有谁知道,为什么？

干杯

Answer 1

它可以工作,如果你使用: $(function () { ko.applyBindings(aResult); }); 并关闭jquery mobile.

我试过你的jsfiddle.

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