Warum funktioniert das von JavaScript gesetzte Styling nicht mit Ractive.js?

Question

In this fiddle, auf Klick auf den Button werden die folgenden Zeilen auch zusammen mit anderen diejenigen, ausgeführt zu werden:

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

ohne Wirkung.

Ich habe viel gesucht, aber scheint die Syntax ist korrekt.

Wie kann man das Div in RactiveJs ausblenden.

Andere Frameworks wie jQuery und Angular können aus geschäftlichen Gründen nicht verwendet werden.

Answer 1

Gerade Änderung:

weatherDataDiv.style.visibility='block';

zu

weatherDataDiv.style.visibility='visible';

Der Wert block ist kein gültiger Wert für die visibility Eigenschaft. Die gültigen Werte sind: sichtbar | versteckt | kollabieren | initial | erben;

bei http://www.w3schools.com/cssref/pr_class_visibility.asp Werfen Sie einen Blick