加載微調在DurandalJS總是工作

Question

我嘗試爲我的DurandalJS項目添加加載微調器動畫。我添加像這樣的spinet：

<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類，使李顯示到沒有，也許你有一個CSS規則重寫裏的顯示，看到的例子：

.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>