css – Knockout Style绑定Top和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();

解决方法

您需要指定一个单位. 100和200应分别为100px和200px

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