同一页面上有多个Ajax加载动画

Question

我有一个html页面。当您单击按钮时，等待php内容加载时，我将显示以下代码的动画：

jQuery.ajaxSetup({
  beforeSend: function(search) {
    $('#loading').show();
  },
  complete: function(search){
     $('#loading').hide();
  },
  success: function(search) {}
});

在php代码填充的div中，我有许多按钮会触发引导程序模式。

我尝试在加载时在模态中制作另一个动画，但它不是在模态中而是在第一个动画的位置触发第一个动画：

   jQuery.ajaxSetup({
     beforeSend: function() {
       $('#modal-loading').show();
     },
     complete: function(){
       $('#modal-loading').hide();
     },
     success: function() {}
    });

这是怎么了？如何处理？

非常感谢您的帮助，

穆拉特