加载屏幕JavaScript不工作

Loading screen JavaScript not working

本文关键字：工作 JavaScript 屏幕 加载      更新时间：2023-09-26

我有我的页面使用Nvd3多个图表，我想在每个图表上添加一个加载圈。问题是当它完成从服务器加载数据并完成绘图时，圆圈不会消失，我使用的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':参数1不是'Node'类型

我也尝试了许多其他的JavaScript解决方案，但他们都未能关闭加载圈，也许是因为Nvd3检索数据不被识别为窗口?如果我尝试加载YouTube视频页面，它似乎工作完美。

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

尝试使用这个:

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

您是否尝试记录对象 load_screen ?请把它也记录下来。

也许你应该在加载完图表后调用这个匿名函数，或者尝试将侦听器附加到body而不是window。

不管怎样，我自己弄明白了。

我使用jQuery并在控制器内写了一行来隐藏
h1>div，我把旋转器放进去。

但是，还是谢谢你!

相关文章：