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

Question

我需要在单独的div中显示它(所以.ui-autocomplete-loading这里不适用).当search事件发生时,我可以开始表明.但我怎么能理解什么时候应该被隐藏？

Answer 1

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

$("#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/