Javascript 加载ajax加载程序时隐藏导航栏

我正在使用ajax加载程序隐藏我的页面，直到它加载所有内容。问题是，由于某种原因，它没有隐藏我的导航栏，正如你在下图中看到的那样。我想让它隐藏一切，包括导航栏

 <nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top ">
        <div class="container-fluid">
          <div class="navbar-wrapper">

          </div>
          <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
            <span class="sr-only">Toggle navigation</span>
            <span class="navbar-toggler-icon icon-bar"></span>
            <span class="navbar-toggler-icon icon-bar"></span>
            <span class="navbar-toggler-icon icon-bar"></span>
          </button>
          <div class="collapse navbar-collapse justify-content-end">
            <form class="navbar-form">
              <div class="input-group no-border">
                <input type="text"  class="form-control" placeholder="Search..." id="myFilter" data-toggle="tooltip" data-placement="left" onkeyup="myFunction()">
                <button type="submit" class="btn btn-white btn-round btn-just-icon">
                  <i class="material-icons">search</i>
                  <div class="ripple-container"></div>
                </button>
              </div>
              <p id="notfound">Not found!</p>
            </form>
            <ul class="navbar-nav">

            </ul>
          </div>
        </div>
      </nav>

<!-- loader -->
   <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#7cc576"/></svg></div>

$(document).ready(function($) {
    "use strict";
    // loader
    var loader = function() {
        setTimeout(function() { 
            if($('#ftco-loader').length > 0) {
                $('#ftco-loader').removeClass('show');
            }
        }, 1);
    };
    loader();

});

切换导航
搜索
找不到


$（文档）.ready（函数（$）{
“严格使用”；
//装载机
var loader=function（）{
setTimeout（函数（）{
如果（$（'#ftco加载器'）。长度>0）{
$（'ftco loader'）.removeClass（'show'）；
}
}, 1);
};
加载器（）；
});

---

我认为这是z指数的问题。

---

为您的导航栏/标题赋予加载器更高的z索引w.r.t.。

比较加载器和导航栏的zIndex。你会希望加载器更高。天哪。。。这很明显。谢谢，伙计，很好用。