0

我以以下方式成功使用淘汰赛:

<div id="Options" data-bind="foreach: Options">

        <button type="button" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select"><img src="/path/to/img.png"/></button>

    </div>

现在,我正在尝试将按钮更改为具有以下内容的图像:

<div id="Options" data-bind="foreach: Options">

        <input type="image" data-bind="css: { selected: IsSelected }, attr:{src:/path/to/img.png}, enable: $parent.allow, click: $parent.select" />

    </div>

我的目标是使用淘汰赛将每个选项与自己的图像配对。

按钮未使用第二个选项加载,因此我认为语法已关闭。知道为什么它不起作用吗?

4

1 回答 1

1

您设置图像源的方式是错误的。您正在尝试将其设置为字符串的值,但您需要将其写入为字符串文字(即,带引号)。您能够在其他绑定中设置绑定而不使用它们的原因是因为它们是您的视图模型的属性。

这些中的任何一个都应该起作用:

<input type="image" data-bind="css: { selected: IsSelected }, attr:{src:'/path/to/img.png'}, enable: $parent.allow, click: $parent.select" />

<input type="image" src="/path/to/img.png" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select" />
于 2012-09-06T17:21:27.337 回答