我了解教程在页面上的工作原理,但我正在尝试在本地设置一个计算器来创建计算器,但无法让 knockout.js 工作。它不像 Knockout.js 在线教程那样初始化或填充。
HTML
<html>
<head>
<script type="text/javascript" language="javascript" src="../knockout-2.1.0.js"></script>
<script type="text/JavaScript" language="javascript">
function AppViewModel() {
this.firstName = ko.observable("Bert");
this.lastName = ko.observable("Bertington");
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());
</script>
</head>
<body class="calc" onLoad="createnav()">
<div id="all">
<div id="calc">
<p>First name: <strong data-bind="text: firstName"></strong></p>
<p>Last name: <strong data-bind="text: lastName"></strong></p>
<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
</div>
<div id="info">
<!-- outputs will be here -->
</div>
</div>
</body>
</html>
我正在使用 knockout.js 版本 2.1.0。至于位置src
它是正确的。
文件夹结构
----------
| Root |
----------_____________________
| |
------------------- ------------ ---------------
| knockout-2.1.0.js | | pphcalc | ___ | HeroPilot.asp |
------------------- ------------ ---------------
有什么建议么?
如果您不使用 jquery,请不要专门为此加载它。相反,您可以在 window.onload 上激活淘汰赛。例子:
将 ko.applyBindings 调用包装在函数中:
function startKnockout() {
ko.applyBindings(new AppViewModel());
};
将“启动”函数的名称传递给 window.onload。注意,不要将 () 添加到函数名称中。这可以防止函数立即执行,而是确保在加载窗口时将其作为回调函数调用。
window.onload = startKnockout;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)