javascript – 不能得到淘汰赛运行

我是一个完整的noob在knockoutjs我从一开始就面临一个问题.我已经完成了安装指南中描述的一切,但我无法使其正常工作.

我的HTML：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
   <HEAD>
      <script type='text/javascript' src='js/knockout-3.0.0.js'></script>
      <script type='text/javascript' src='js/myTasks.js'></script>
      <TITLE>Your Tasks</TITLE>
   </HEAD>
   <BODY>
     <p>First name: <strong data-bind="text: firstName"></strong></p>
     <p>Last name: <strong data-bind="text: lastName"></strong></p>
   </BODY>
</HTML>

我的viewmodel – 包含在myTasks.js文件中：

function Appviewmodel() {
    this.firstName = "Bert";
    this.lastName = "Bertington";
}
ko.applyBindings(new Appviewmodel());

我得到的是：

First name:

Last name:

上面的代码是第一个knockoutjs教程中使用的代码.

为什么我不能运行它？我知道我错过了很小的东西,但是我无法发现.

解决方法

在$(document).ready(function(){})中包装你的代码

$( document ).ready( function() {
    function Appviewmodel() {
        this.firstName = "Bert";
        this.lastName = "Bertington";
    }
    ko.applyBindings(new Appviewmodel());
} );

不要忘记包括jQuery本身.

javascript – 不能得到淘汰赛运行

解决方法

相关文章