jQuery自动完成：如何显示一个GIFanimation加载图像

我正在使用jQuery 自动完成插件与ajax结合。 你知道如何显示进度指示器，而阿贾克斯search执行？

这是我现在的代码。

<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在内容中返回一个用户列表。

Answer 1

自动完成已经添加了ui-autocomplete-loading类（用于ui-autocomplete-loading的持续时间），可用于此…

 .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');} ) 

CSS类的工作定义如下：

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

编辑

山姆的回答是解决问题的一个更好的方法

Answer 3

如果没有结果是行不通的，你可以这样做：

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