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

Question

我需要在单独的 div 中显示它(因此 .ui-autocomplete-loading 在这里不适用)。我可以开始展示 search 事件发生时的情况。但我怎么知道什么时候应该隐藏它呢？

Answer 1

我假设您正在使用远程数据源。如果是这样，请在提供给 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/