jquery – 如何在执行自动完成搜索时显示加载图标？

我需要在单独的div中显示它(所以.ui-autocomplete-loading不适用于此处).我可以开始显示搜索事件发生时.但我怎么能理解什么时候应该被隐藏？

解决方法

我假设您正在使用远程数据源.如果是这样,请在您提供给source参数的函数内使用$.ajax.例如：

$("#auto").autocomplete({
    source: function(request,response) {
        $("#loading").show(); // Where #loading is the loading indicator

        $.ajax({
            url: "Your_URL_HERE",data: request.term,success: function(data) {
                response(data);
                $("#loading").hide();
            },error: function() {
                $("#loading").hide();
            }
        });
    }
});

工作实例：http://jsfiddle.net/gKFJU/