如何在敲除的js模板div上对齐ajax微调器

时间:2013-07-26 12:37:56

标签: html css knockout.js

我绑定某些html模板。在绑定div中,我有一个图像,它是ajax微调器。这个图像永远不可见我猜是因为它覆盖了绑定模板。

我现在应该把这个图像放在哪里,使它在带有绑定模板的div中心?

<div style="height: 100%; width: 100%;" data-bind="template: { name: $root.currentChildTemplate() }">
   <img src="/Content/images/ajax-loader.gif" class="ajax-loader" />
</div>

1 个答案:

答案 0 :(得分:0)

您可以将其包含在模板中,也可以将其放在模板div之外,并使用CSS设置其位置。

<img src="/Content/images/ajax-loader.gif" class="ajax-loader" />
<div style="height: 100%; width: 100%;" 
     data-bind="template: { name: $root.currentChildTemplate() }"></div>

你可以更进一步,只有当某个可观察物是真的时才能看到它。

<img src="/Content/images/ajax-loader.gif" class="ajax-loader" 
     data-bind="visible: ajaxLoading" />