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

Question

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

一个正在使用 id (#jqueryLoader)，一些页面正在使用这个 class (.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();

Answer 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

Answer 2

我找到了答案：

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

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

How Can Manage Multiple Preloader On One Website?

ajax

jquery

preloader