Javascriptで設定したスタイリングがRactive.jsで動作しないのはなぜですか？ <a href="http://jsfiddle.net/xameeramir/boe2vcj6/" rel="nofollow noreferrer">this fiddle</a>で

Question

は、ボタンのクリック時に以下の行は、他のものと一緒に実行取得されています

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