2016-11-07 34 views
-1

複数のグラフにNvd3を使用するページがあり、各グラフにローディングサークルを追加したいと考えています。それは、サーバーと仕上げグラフからデータをロードして行われたときの問題は、円が消えません、である私が使用しているJavaScriptは次のとおりです。画面が表示されないJavaScriptが動作しない

window.addEventListener("load",function(){ 
    var load_screen=document.getElementById("load_screen"); 
    document.body.removeChild(load_screen); 
}); 

とコンソールに、私はエラーが表示されます。

mainController.js:802 Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.

他の多くのJavaScriptソリューションも試しましたが、ロードサークルを閉じることができませんでした.Nvd3のデータを取得してもウィンドウとして認識されない可能性があります。 YouTubeのビデオページを読み込もうとすると、完璧に動作しているようです。

<div id="load_screen"> 
    <div class="spinner"></div> 
</div> 
+2

上記のように、グラフのサーバーからデータをロードするコードを投稿できますか? – Aruna

+0

あなたのページに 'load_screen'というIDの要素がないようです。 –

+0

または少なくとも、jsが処理されるときは1つもありません。最初にウィンドウが読み込まれるのを待ちます。 –

答えて

0

はこれを使用しよう:

window.addEventListener("load",function(){ 
     var load_screen=document.getElementById("load_screen"); 
     load_screen.parentNode.removeChild(load_screen); 
    }); 
+0

mainController.js:802 Uncaught TypeError: 'Node'で 'removeChild'を実行できませんでした:パラメータ1のタイプが 'Node'ではありません。 –

+0

load_screenの戻り値は何ですか? またはjavascriptコンソールを使用してHTMLの要素を検査しようとしましたか? – RizkiDPrast

0

あなたはload_screenオブジェクトをログに記録しようとしましたか? あなたもそれをロケールしてください。

おそらく、グラフの読み込みが終了したときにその匿名関数を呼び出すか、リスナをウィンドウの代わりにに添付してください。

-1

とにかく、私は一種の、自分自身を考え出しました。

私はjQueryのを使用して、私は私のスピナーを入れ
H1>のdivを、非表示にするには、コントローラ内の行を書きました。

しかし、それでもまだ、ありがとう!

関連する問題