jQuery otomatik tamamlama: Animasyonlu bir gif yükleme resmi nasıl gösterilir

Question

ajax ile birlikte jQuery AutoComplete eklentisini kullanıyorum. Ajax araması yapılırken bir ilerleme göstergesini nasıl gösterebilirim biliyor musunuz?

Bu benim geçerli kodum.

<script type="text/javascript"> 
    $("#autocomplete-textbox").autocomplete('http://www.example.com/AutoComplete/FindUsers'); 
</script> 

<div> 
    <input type="text" id="autocomplete-textbox" /> 
    <span class="autocomplete-animation"><img id="ajaxanimation" src="../img/indicator.gif")"/></span> 
</div> 

FindUsers URL içeriğindeki bir kullanıcı listesini döndürür. CSS sınıf çalışma aşağıdaki gibi tanımlanır

Answer 1

otomatik tamamlama zaten ui-autocomplete-loading sınıf ekler (yükleme süresi için) bunun için kullanılabilir ...

.ui-autocomplete-loading { background:url('img/indicator.gif') no-repeat right center } 

Answer 2

$("#autocomplete-textbox").autocomplete 
(
search : function(){$(this).addClass('working');}, 
open : function(){$(this).removeClass('working');} 
) 

:

.working{background:url('../img/indicator.gif') no-repeat right center;} 

DÜZENLEME

Sam answer problemi çözmek için daha iyi bir yaklaşımdır

Answer 3

hiçbir sonuç varsa bunu yapabilirsiniz çalışır değildir: o Ruby/ASP olmadan

$("input[name='search']").autocomplete({ 
..., 
select: function(event, ui) { 
action show image 
} 
}).data("autocomplete")._renderItem = function(ul, item) { 
action hide image 
}