如何在一个网站上管理多个预加载器？答案

【问题标题】：How Can Manage Multiple Preloader On One Website?如何在一个网站上管理多个预加载器？
【发布时间】：2018-11-05 06:11:40
【问题描述】：

我的网站中有两个预加载器。

一个正在使用 id (#jqueryLoader)，一些页面正在使用此类 (.sec1)。

问题是当我在使用 (.sec1) 的页面上时，这个 (#jqueryLoader) 预加载器也运行了。

我写了下面的代码，但问题仍然没有解决。

 function ajaxStart() {
        $("#jqueryLoader").css('display', 'none');
        $(".sec1").show();
    }

function load_Preloader() { 
        $.ajax({
              ajaxStart: window['ajaxStart'];
              $(".sec1").css('position', 'absolute');
              $(".sec1").css('z-index', '10000');
              $("#jqueryLoader").css('display', 'none');
         });
    }

load_Preloader();

【问题讨论】：

标签： jquery ajax preloader

【解决方案1】：

function load_Preloader(id) { 
    $.ajax({
          ajaxStart: window['ajaxStart'];
          if(id){
            $("#jqueryLoader").css('display', 'none');
          }else{
            $(".sec1").css('position', 'absolute');
            $(".sec1").css('z-index', '10000');
          }
     });
}

load_Preloader(0); // adds #jqueryLoader
//or
load_Preloader(1); //adds .sec1

【讨论】：

【解决方案2】：

我找到了答案：

function load_Preloader() { 
    $.ajax({
          ajaxstart: ajaxStart(),
          $(".sec1").css('position', 'absolute');
          $(".sec1").css('z-index', '10000');
          $("#jqueryLoader").css('display', 'none');
     });
}

【讨论】：