Knockout样式绑定顶部和左侧不工作

问题描述

限时删除！！

我不能为我的生活理解为什么这不工作。这应该是一个人的垒球。谢谢！

I can't for the life in me understand why this isn't working. This should be a softball for someone. Thanks!

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

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：

You need to specify a unit. 100 and 200 should be '100px' and '200px' respectively:

这篇关于Knockout样式绑定顶部和左侧不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

1403页，肝出来的..