我正在绑定(bind)某些 html 模板。在绑定(bind)的 div 中，我有一个图像，它是 ajax 微调器。我猜这个图像是永远不可见的，因为它被绑定(bind)的模板覆盖了。
我现在应该把这张图片放在哪里，以便它在带有绑定(bind)模板的 div 上居中？
<div style="height: 100%; width: 100%;" data-bind="template: { name: $root.currentChildTemplate() }">
<img src="/Content/images/ajax-loader.gif" class="ajax-loader" />
</div>
最佳答案
您可以将它包含在模板中，或者将它放在模板化的 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" />
关于html - 如何将 ajax 微调器对齐到 knockout js 模板 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17881516/