Knockout.js綁定<html>

Question

我正在嘗試在網站的<html>元素中添加綁定，但它似乎沒有任何效果。

在body元素之外的元素中應用綁定是否有任何限制？

<html xmlns="http://www.w3.org/1999/xhtml" data-bind="css: {'visible-menu' : $root.panels.visibleMenu }">

Answer 1

如果不傳遞根節點， applyBindings 默認使用<body> ：

rootNode = rootNode || window.document.body; // Make "rootNode" parameter optional

如果您傳遞<html>節點，它應該按預期工作。 如果你使用jQuery，一種方法是使用:root選擇器：

ko.applyBindings(viewModel, $(':root').get(0));

或者通過標簽名稱：

ko.applyBindings(viewModel, document.getElementsByTagName('html')[0]);