knockout.js - hasFocus 不工作

Question

我正在尝试实现使用“hasFocus”绑定(bind)的简单演示代码。提供示例代码 here它在浏览器 (IE) 中也能正常工作

当我复制相同的代码并将其粘贴到我的 MVC 应用程序时，它停止工作。即使在单击按钮后也不会将焦点设置在文本框上。下面是我的代码:

<div>
    <div>
        <input data-bind="hasFocus: isSelected" />
        <button data-bind="click: setIsSelected">Focus programmatically</button>
        <span data-bind="visible: isSelected">The textbox has focus</span>
    </div>
</div>

@section scripts{
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/knockout-2.1.0.js")"></script>
    <script type="text/ecmascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.20.js")"></script>
    <script>
        $(function () {
           var viewModel =
                {
                    isSelected: ko.observable(false),
                    setIsSelected: function () { this.isSelected(true) }
                };
            ko.applyBindings(viewModel);
        });
    </script>
}

有人知道这里出了什么问题吗？

Answer 1

这是knockout框架的bug，在knockoutjs3.0.0中修复。您可以使用 nuget package manager 下载最新的 knockout 库