js基本示例-是什么导致这个数据绑定失败

Knockout.js Basic Example - What is causing this databinding to fail?

本文关键字：数据绑定 失败 是什么 js      更新时间：2023-09-26

在他们的文档页面上尝试最基本的Knockout.js示例:http://knockoutjs.com/documentation/observables.html

看起来我有一切设置像文档要求，我没有得到页面上的任何错误，但跨度应该显示"personName"的绑定-这是'Bob'。

然而，当我运行页面时，所有出现的都是"名称是"。鲍勃哪儿也找不到。

下面是我的代码: 
<!DOCTYPE html>
<html>
<head>
<title>Knockout Practice</title>
<script type='text/javascript' src='javascript/jquery-1.6.4.js'></script>
<script type='text/javascript' src='javascript/jquery-tmpl.js'></script>
<script type='text/javascript' src='javascript/knockout-1.2.1.js'></script>    
<script type="text/javascript">
    var myViewModel = {
    personName: 'Bob',
    personAge: 123
    };
    ko.applyBindings(myViewModel);  
</script>
</head>
<body> 
   The name is <span data-bind="text: personName"></span>

</body> 
</html>

是文档中缺少了什么，还是我错过了什么?

您需要更改脚本的加载位置。

你可以把脚本块放在HTML文档的底部，或者你可以把它放在顶部，并把内容包装在DOM-ready处理程序中，比如jQuery的$函数。

将脚本块放在HTML文档的末尾确实会显示

名字是Bob

for <span data-bind="text: personName">Bob</span>

相关文章：