Binding 击倒;勾选“;绑定不起作用

Binding 击倒;勾选“;绑定不起作用,binding,checkbox,knockout.js,Binding,Checkbox,Knockout.js,我是一个新手,我发现了一个复选框绑定的例子,它在我的网站上非常有用。 链接到示例: 我试着把它应用到我的页面上,但它不起作用,然后我试着复制这个例子,但没有改变任何东西,但仍然不起作用。我在不同的浏览器(Chrome、Firefox、IE)上试用了它,包括了不同版本的淘汰库,但仍然不起作用。 我不知道我做错了什么,请帮忙 以下是此示例的代码: <!DOCTYPE html> <head> <script type='text/javascript' src='htt

我是一个新手,我发现了一个复选框绑定的例子,它在我的网站上非常有用。 链接到示例:

我试着把它应用到我的页面上,但它不起作用,然后我试着复制这个例子,但没有改变任何东西,但仍然不起作用。我在不同的浏览器(Chrome、Firefox、IE)上试用了它,包括了不同版本的淘汰库,但仍然不起作用。 我不知道我做错了什么,请帮忙

以下是此示例的代码:

<!DOCTYPE html>
<head>
<script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js'></script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
</head>

<body>
<p>Send me spam: <input type="checkbox" data-bind="checked: wantsSpam" /></p>
<div data-bind="visible: wantsSpam">
Preferred flavors of spam:
<div><input type="checkbox" value="cherry" data-bind="checked: spamFlavors" /> Cherry</div>
<div><input type="checkbox" value="almond" data-bind="checked: spamFlavors" /> Almond</div>
<div><input type="checkbox" value="msg" data-bind="checked: spamFlavors" /> Monosodium Glutamate</div>
</div>

<script type="text/javascript">
var viewModel = {
    wantsSpam: ko.observable(true),
    spamFlavors: ko.observableArray(["cherry","almond"]) // Initially checks the Cherry and Almond checkboxes
};

// ... then later ...
viewModel.spamFlavors.push("msg"); // Now additionally checks the Monosodium Glutamate  checkbox
</script>
</body>
</html>

多库明特·贝兹·泰图尤
向我发送垃圾邮件:

垃圾邮件的首选口味: 樱桃 杏仁 味精 var viewModel={ WANTSPAM:ko.可观察(真), spamFlavors:ko.observearray([“cherry”,“almond”])//最初检查cherry和almond复选框 }; // ... 后来。。。 viewModel.spamFlavors.push(“msg”);//现在另外选中味精复选框
您所看到的是一个片段,而不是一个完全有效的示例。你需要做几件事

您需要
applyBindings

ko.applyBindings(viewModel);
您需要在加载DOM后执行此操作(否则,击倒将变得非常沮丧)

这是一个


我对我的示例进行了一些更新,以便更容易看到复选框实际上是绑定的。在复选框列表下有一个SpamFlavor列表,当您选中或取消选中复选框时,该列表将发生变化。

您看到的是一个片段,而不是一个完整的工作示例。你需要做几件事

您需要
applyBindings

ko.applyBindings(viewModel);
您需要在加载DOM后执行此操作(否则,击倒将变得非常沮丧)

这是一个


我对我的示例进行了一些更新,以便更容易看到复选框实际上是绑定的。在复选框列表下有一个SpamFlavor列表,当您选中或取消选中复选框时,该列表将发生变化。

很抱歉提出这个问题,但是,为什么需要
setTimeout
函数?:)@帕夫洛:你没有。我这样做是为了让您可以看到,当模型在代码中更改时,它会反映在UI中。我将
作为示例的一部分,然后稍后…
将其逐字翻译!哦,糟糕,我刚刚错过了,现在我明白了:)谢谢!很抱歉提出这个问题,但是,为什么需要
setTimeout
函数?:)@帕夫洛:你没有。我这样做是为了让您可以看到,当模型在代码中更改时,它会反映在UI中。我将
作为示例的一部分,然后稍后…
将其逐字翻译!哦,糟糕,我刚刚错过了,现在我明白了:)谢谢!