Question

我有以下淘汰赛绑定......

       <ul class="list-group" data-bind="foreach: $parent.levels">
            <li class="list-group-item">
                <img alt="level" class="pic" data-bind="attr:{src: '../../Content/images/levels/' + $index() + '.png'}" />
                <button class="btn btn-default piclabels" data-bind="click:$parent.startingLevel.bind($parent,$index()),text:$data,css:{active:$parent.startingLevel() == $index()}"></button>
            </li>
        </ul>

我想删除img标签，而是将背景图像应用于按钮。我在网上尝试了多个例子，包括淘汰赛，但是我还没能让它发挥作用。

data-bind="style: {background: 'url('../../Content/images/levels/' + $index() + '.png')' repeat-none left}"

我做错了什么？

Answer 1

使用style绑定时，每个样式都需要返回整个值的字符串。因此，如果您使用单引号（例如在url中），则需要使用反斜杠\来转义它们。而不是repeat-none，我认为您打算使用no-repeat。

data-bind="style: {background: 'url(\'../../Content/images/levels/' + $index() + '.png\') no-repeat left' }"

JsFiddle

背景与淘汰赛绑定

1 个答案: