Как задать счетчик для вкладок во время загрузки данных

Question

function happening(){
  $(".spinner").show();
  $.ajax({
    type: "POST",
    url: "<?=base_url()?>timeline/timeline_v2_ajax",
    async:false,
    cache:false,
    error: function() {
      console.log('Something is wrong');
    },
    success: function(msg){
      $(".spinner").hide();
      $('#default-tab-1').html(msg);
      App.init();
      FormPlugins.init();
    }
  });
}

var LandingPage = function() {
  "use strict";
  return {
    init: function() {
      $('#default-tab-1').html('<span class="spinner"></span>');
      happening();
    }
  }
}()	

$(document).ready(function() {
  LandingPage.init();
  WhattodoPage.init();
});

<div class="content">
  <div class="col-md-12">
    <ul class="nav nav-tabs">
      <li class="active">
        <a href="#default-tab-1" data-toggle="tab" aria-expanded="true">
          <span class="semi-bold">What is happening ?</span>
        </a>
      </li>
      <li class="" id="what-to-do">
        <a href="#default-tab-2" data-toggle="tab" aria-expanded="false">
          <span class="semi-bold">What to do ?</span>
        </a>
      </li>
    </ul>
    <span class="spinner"></span>
    <div class="tab-content"> 
      <div class="tab-pane fade active in" id="default-tab-1"></div>
      <div class="tab-pane fade" id="default-tab-2"></div>
    </div>
  </div>
</div>

У меня есть две вкладки, здесь я хочу отобразить счетчик для тела вкладки, пока данные загружаются в обе вкладки. выше мой код, в котором я включил счетчик в скрипт, но он не работает. Кто-нибудь может мне помочь, пожалуйста. любая помощь может быть оценена.

Answer 1

Я думаю, вы должны сначала проверить класс ".spinner". то есть этот класс имеет надлежащие атрибуты для отображения чего-либо или нет.