1

次のように、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>

など..

これをある程度動的に行う方法はありますか?それぞれを定義する必要はありませんか?

4

1 に答える 1

3

ID でターゲティングするのではなく、一意の HTML スコープ内で .loader を探すことができます。例えば：

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

beforeSend: function(data) {
  $(this).parents('.some-class').find('.loader').show();
},
于 2013-02-07T22:45:55.697 に答える