javascript - 为什么 applyBindings 有时不起作用？

Question

我有一个简单的 html 页面，它是我在客户端使用 jquery、jqueryui 和 knockout 以及来自 Web 服务的一些数据动态创建的。

我用这样的代码动态创建了一些标签:

document.getElementById("myDiv").innerHTML = dynamicTags;

然后调用 ko.applyBindings:

ko.applyBindings(Datas, document.getElementById("myDiv"));

这根本行不通； chrome 调试器中没有出现异常。

我用这段代码做了一些随机测试:

setTimeout(function () {
    ko.applyBindings(Datas, document.getElementById("myDiv"));
}, 3000);

一切正常。

为什么会这样？我同时绑定(bind)值和样式。

此代码通过单击按钮调用!

Answer 1

确保您在 DOM 末尾的脚本中或在加载 DOM 时应用绑定(bind)。在 jQuery 中，这可以通过以下方式完成:

$(document).ready(function() {
    // apply bindings here
});

否则，内联脚本可能会在 HTML 完全加载到内存甚至下载之前被调用。