jquery – Knockout JS：将div绑定到可见：从屏幕上闪烁

我在一个单一的页面应用程序，有一堆隐藏的div，绑定(或是绑定？)到KnockoutJS可见：。当页面加载时，它们在屏幕上瞬间闪烁。我已经尝试将我的JS移动到< head>< / head>中，但没有任何效果，因此在页面底部加载JS不是导致它的原因。

不幸的是可见：绑定不传播到CSS显示属性，所以我不能使用display：none;页面加载或可见：根本不工作。除非…我用display加载页面：none;然后在第一次将div显示给用户时进行更改。

但是有没有更优雅的方式来实现呢？

解决方法

Wth KnockoutJS，我通过定义一个名为hidden的CSS类，使用display：none解决这个问题，然后我添加这个类并绑定到闪存容器：

class="hidden" data-bind="css: { hidden: false }"