Как управлять несколькими Preloader на одном сайте?

Question

У меня на сайте два прелоадера.

Один использует идентификатор (#jqueryLoader), а некоторые страницы используют этот класс (.sec1).

Проблема в том, что когда я нахожусь на странице, которая использует (.sec1), этот (#jqueryLoader) preloader также запускается.

Я написал код ниже, но проблема все еще не решена.

 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() { 
    $.ajax({
          ajaxstart: ajaxStart(),
          $(".sec1").css('position', 'absolute');
          $(".sec1").css('z-index', '10000');
          $("#jqueryLoader").css('display', 'none');
     });
}

Answer 2

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