淘汰赛风格结合上和左不工作(Knockout Style binding Top and Left

我不能对我的生活理解为什么这是行不通的。 这应该是有人垒球。 谢谢！

http://jsfiddle.net/ZsA4f/2/

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();

Answer 1:

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

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

文章来源: Knockout Style binding Top and Left not working