Javascript JQuery自动完成搜索框上的动画gif显示

如何在进度自动完成搜索框中放置动画gif

<script type="text/javascript">
$(document).ready(function(){
    $('head').append('<link rel="stylesheet" href="/js/autocomplete/styles.css" type="text/css" />');
    $('#search').autocomplete({
        serviceUrl: '/js/autocomplete/search-box.php',
        onSelect: function(value, data){
            location.href='http://www.domain.com/'+data['id']+'/';
        }       
    });
});
</script>

试试这个：

$('#search').autocomplete({
    serviceUrl: '/js/autocomplete/search-box.php',
    onSelect: function(value, data){
        location.href='http://www.domain.com/'+data['id']+'/';
    },
    search: function( ){
        $(this).addClass('working');
    },
    open: function( ){
        $(this).removeClass('working');
    }
});

或者你也可以使用CSS。自动完成插件已经添加了类

.ui自动完成加载

，因此您可以在css中编写：

.ui-autocomplete-loading{background:url('/js/wait.gif') no-repeat right center;}

而不是

.working

类名

.ui-autocomplete-loading{background:url('/js/wait.gif') no-repeat right center;}