在 DurandalJS 中加载微调器始终有效

Question

我正在尝试为我的 DurandalJS 项目添加加载微调器动画。我这样添加尖晶石：

<li class="loader pull-right" data-bind="css: { active: router.isNavigating }">
 <img src="~/Content/images/menuContent/load.png" style="width: 50px; height:50px;"/>
</li>

但我的动画总是有效。我做错了什么？

Answer 1

尝试使用另一个 css class 使 li display none，也许你有一个 css 规则覆盖了 li 的 display，请参阅示例：

.example-visible{
    display:none !important;
}
<li class="loader pull-right" data-bind="css: { example-visible: router.isNavigating }">
<img src="~/Content/images/menuContent/load.png" style="width: 50px;  height:50px;"/>
</li>

在 DurandalJS 中加载微调器始终有效

Loading spinner in DurandalJS always work

durandal