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

时间:2018-11-05 06:11:40

标签: jquery ajax preloader

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

一个正在使用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();

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我找到了答案:

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