淘汰赛样式绑定顶部和左侧不起作用答案

【问题标题】：Knockout Style binding Top and Left not working淘汰赛样式绑定顶部和左侧不起作用
【发布时间】：2012-08-14 08:40:20
【问题描述】：

我无法理解为什么这不起作用。这应该是某人的垒球。谢谢！

HTML

<div data-bind="foreach:Zones">
    <div class="container" data-bind="style:{ top: ZoneY, left: ZoneX }, text: ZoneTest"></div>
</div>

CSS

.container { position: absolute; font-size: .75em; }

Javascript

var viewModel = {
    Zones: ko.observableArray([
        {
            ZoneX: 100,
            ZoneY: 100,
            ZoneTest: "hello world"
        },
        {
            ZoneX: 200,
            ZoneY: 200,
            ZoneTest: "rage!"
        }
])        
};

ko.applyBindings();

【问题讨论】：

抱歉，您想达到什么目的？

标签： css knockout.js

【解决方案1】：

您需要指定一个单位。 100 和 200 应该分别是 100px 和 200px

http://jsfiddle.net/ZsA4f/6/

【讨论】：

哇哈哈哈哈哈！也得到了我。我使用的是 ko.observable(86) 而不是 ko.observable("86px")。谢谢代达罗斯28。三年前的答案仍然相关。