Knockout Image同时绑定图像和文本时不显示

时间:2015-08-12 06:09:22

标签: javascript jquery twitter-bootstrap knockout.js

下面的敲除绑定从不显示图像。

  <p data-bind="text: $data.Title, attr:{onClick: 'variableName.CollapseExpandCustom.ToggleSection(\''+$data.Hsim+'\')'} " class="primaryCaseHeader"><img src="~/Images/Collapse.png" /></p>

我只能看到文字。图片永远不会显示。

任何人都可以帮我如何同时显示图像和文字。

1 个答案:

答案 0 :(得分:1)

您正试图覆盖图片内容,因为它位于两个<p>标记之间,因为text p的绑定会覆盖它

解决方法是在<span>标记上使用数据绑定。

观点:

<p> <span data-bind="text: $data.Title, attr:{onClick: 'variableName.CollapseExpandCustom.ToggleSection(\''+$data.Hsim+'\')'} " class="primaryCaseHeader"></span><img src="~/Images/Collapse.png" /></p>

现在它将并排显示图像和文字。

工作样本 here