Jquery KO绑定在VS 2012中不起作用

Jquery KO绑定在VS 2012中不起作用,jquery,asp.net-mvc-4,visual-studio-2012,knockout.js,Jquery,Asp.net Mvc 4,Visual Studio 2012,Knockout.js,我刚刚开始学习KO。在VS 2012中创建了一个MVC4项目之后,我刚刚在视图中输入了两个文本框&希望看到值在那里得到反映,但它不起作用。请帮我修复它的缺陷 cshtml代码如下所示 注意:我已经验证了KO路径和版本,并发现正确包含了它 @{ Layout = null; } @section scripts{ <script src="~/Scripts/jquery-1.7.1.js"></script> <script s

我刚刚开始学习KO。在VS 2012中创建了一个MVC4项目之后,我刚刚在视图中输入了两个文本框&希望看到值在那里得到反映,但它不起作用。请帮我修复它的缺陷

cshtml代码如下所示

注意:我已经验证了KO路径和版本,并发现正确包含了它

@{
    Layout = null;
}

    @section scripts{




  <script src="~/Scripts/jquery-1.7.1.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.20.js"></script>
   <script src="~/Scripts/knockout-2.1.0.js"></script>



    <script type="text/javascript">

        $(function () {
            var MyViewModel = {
                name: ko.observable("Steve"),

                changeName : function () {
                    this.name("Scott");
                }              
            };
            ko.applyBindings(MyViewModel);
        });       

    </script>
    }



<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Create</title>
</head>
<body>
    <div>
        Name : <input type="text" data-bind="value: name  " />

        <p>
            Hello, <span data-bind="text: name "></span>
        </p>
        <button data-bind="click: changeName">Change Name</button>

    </div>
</body>
</html>
@{
布局=空;
}
@节脚本{
$(函数(){
var MyViewModel={
姓名:ko.observable(“Steve”),
changeName:函数(){
此名称(“斯科特”);
}              
};
应用绑定(MyViewModel);
});       
}
创造
姓名:

你好

改名
@部分脚本块造成了问题

从上面的页面中删除该标签解决了问题

@{
    Layout = null;
}

<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script src="~/Scripts/knockout-2.1.0.js"></script>


<script type="text/javascript">

    $(document).ready(function () {
@{
布局=空;
}
$(文档).ready(函数(){

..

您可以两次包含knockout删除不必要的第二个引用!您的代码完全正确。只需删除额外的ko引用并检查jquery是否已加载。我已经删除了第二个引用,但仍然存在相同的问题。还有intellisense(在VS 2012编辑器中)因为KO即将到来,所以它似乎被正确地包括在内。现在我得到了它删除@section脚本。它将起作用
@section
声明一个内联模板,主布局页在需要插入内容时使用该模板。您没有使用布局页,因此没有任何内容将
@scripts
的内容插入HTML。将所有4个脚本元素移动到HTML中nts以刚好位于关闭正文标记上方,或使用主布局页