Question

我正在使用Ajax函数的加载图标，如下所示：

div id='loader' style="display: none;" align="right">
     <img src="assets/img/ajax-loader.gif"/>
</div>


complete: function(){
    $('#loader').hide();
},
beforeSend: function(data) { 

    $('#loader').show();
 },

但是如果我想在同一页面上有多个微调器，我通常需要有很多div，例如

div id='loader2' style="display: none;" align="right">
    <img src="assets/img/ajax-loader.gif"/>
</div>
div id='loader3' style="display: none;" align="right">
    <img src="assets/img/ajax-loader.gif"/>
</div>

等..

有没有办法在某种程度上动态地这样做，所以我不必定义每一个？

Answer 1

您可以在一些独特的HTML范围内查找.loader，而不是按ID定位。例如：

complete: function(){
  $(this).parents('.some-class').find('.loader').hide();
},

beforeSend: function(data) {
  $(this).parents('.some-class').find('.loader').show();
},

多个微调器不使用多个功能

1 个答案: