淘汰赛样式绑定不会更新“左”和“上”

Question

敲除样式绑定出现以下问题：我正在尝试构建内部带有节点的编辑器。 还有一个微型地图，应该跟随编辑器的节点，并在编辑器上显示它们及其移动。 微型地图上的节点及其“克隆”的位置应同步。

HTML：

<div id="minimap">
            <div id="minimap_panner" data-bind="style: { height: dimensions.height + 'px', width: dimensions.width + 'px' }">
                <!-- ko foreach: { data: nodePositions() } -->
                <div class="minimap-node-item" data-bind="style: { left: X + 'px', top: Y + 'px' }"></div>
                <!-- /ko -->
            </div>
        </div>

JS：

ko.applyBindings({
            nodePositions: ko.computed(function () {
                var nodes = model.displayedNodes()();

                return nodes.map(function (node) {
                    return ko.observable(node.Position);
                });
            }),
            dimensions: ko.computed(function () {                     
                return { width: editorElement.scrollWidth, height: editorElement.scrollHeight };
            })
        }, minimapPanner);

每个节点的Position属性都包含一个对象{X，Y}。

问题：

1. 当“克隆”最初呈现在小地图上时，它们的位置正确。 但是，当我在编辑器上移动节点时，即使在Knockout上下文（浏览器扩展）上看到了更改，其在迷你地图上的“克隆”也不会更改其位置。 我的意思是：“克隆”的上下文已更改，但其绑定样式属性（左和上）仍保持最初状态。

编辑：似乎X和Y不可观察-这可以回答问题吗？

2.（在注释中解决）最初渲染minimap panner元素时，其绑定属性height和width实际上并未绑定。 再次，我可以在Konockout上下文中看到它们的值更新-“ dimensions”：Object height：977 width：1050，但是没有将此类样式应用于元素。

Answer 1

似乎X和Y不可观察，只是常规性质？