Jquery KO绑定在VS 2012中不起作用
我刚刚开始学习KO。在VS 2012中创建了一个MVC4项目之后,我刚刚在视图中输入了两个文本框&希望看到值在那里得到反映,但它不起作用。请帮我修复它的缺陷 cshtml代码如下所示 注意:我已经验证了KO路径和版本,并发现正确包含了它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
@{
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以刚好位于关闭正文标记上方,或使用主布局页