gpt4 book ai didi

javascript - knockout 脚本不起作用

转载 作者:行者123 更新时间:2023-11-28 20:00:19 26 4
gpt4 key购买 nike

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link href="/Content/site.css" rel="stylesheet"/>

<script src="/Scripts/modernizr-2.6.2.js"></script>
<script src="/Scripts/jquery-1.8.2.js"></script>
<script src="/Scripts/knockout-2.2.0.debug.js"></script>


</head>
<body>


<h2>Index</h2>






<script type="text/javascript">
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.firstName = "Bert";
this.lastName = "Bertington";
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());
</script>
<p>First name: <strong data-bind="text: firstName"></strong></p>
<p>Last name: <strong data-bind="text: lastName"></strong></p>
</body>
</html>

上面的代码不会返回我选择的名字和姓氏。我尝试使用 knockout knockout 2.2.0.js进行更改,但不起作用。我做错了什么?

最佳答案

它不起作用的原因是你要求knockout在你想要绑定(bind)的DOM元素加载之前应用绑定(bind),所以当knockout遍历DOM寻找数据绑定(bind)时它不会找到您的 p 元素(它们尚未加载,因为它们放置在 script 标记之后)。

将脚本标记移动到正文的末尾,或者通过运行在 中调用 ko.applyBindings 的代码来确保您的代码在 DOM 完成加载之前不会运行>DOMContentLoaded 事件。

关于javascript - knockout 脚本不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21759449/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com