Question

我的页面使用Nvd3用于多个图表，我想在每个图表上添加一个加载圈。问题是当从服务器加载数据并完成图形化时，圆圈不会消失，我使用的JavaScript是：

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

并在控制台上收到错误：

mainController.js：802 Uncaught TypeError：无法执行＆＃39; removeChild＆＃39; on＆＃39; Node＆＃39;：参数1不属于＆＃39; Node＆＃39;。

我还尝试了很多其他JavaScript解决方案，但他们都未能关闭加载圈，也许是因为Nvd3检索数据不被识别为窗口？如果我尝试加载YouTube视频页面，它似乎可以正常运行。

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

Answer 1

您是否尝试记录对象 (.word-teststruc2)？请记录它。

当您完成加载图表时，或者尝试将监听器附加到正文而不是窗口时，您可能应该调用该匿名函数。

Answer 2

尝试使用它：

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

Answer 3

无论如何，我想出了自己，等等。

我使用jQuery并在控制器内部写了一行来隐藏 H1＆GT; div，我把旋转器放进去了。

但是，谢谢！

加载屏幕JavaScript无效

3 个答案: