为什么 javascript 设置的样式不适用于 Ractive.js？

Question

在 this fiddle 中，单击按钮时，以下行也会与其他行一起执行：

document.getElementById("WeatherData").style.visibility = "block";
weatherDataDiv.style.visibility='block';

没有效果。

我搜索了很多，但似乎语法是正确的。

如何在 RactiveJs 中取消隐藏 div。

出于某些业务原因，无法使用 jQuery 和 Angular 等其他框架。

Answer 1

只需更改：

weatherDataDiv.style.visibility='block';

到

weatherDataDiv.style.visibility='visible';

值 block 不是 visibility 属性 的有效值。有效值为：visible|hidden|collapse|initial|inherit;

看看http://www.w3schools.com/cssref/pr_class_visibility.asp