javascript - jQuery UI 自动完成在搜索前显示结果

Question

在我关注自动完成输入之前，我希望在我的项目中显示一些初步结果。这些结果应该与自动完成 ajax 请求的结果相同。

我可以通过自动完成的标准选项来做到这一点，还是我应该编写相同的 JavaScript 代码？

Answer 1

您应该将minLength选项设置为0. 如果您希望在字段聚焦后立即显示结果，您可以编写一个简单的事件处理程序来完成此操作：

$("input").autocomplete({
    source: /* source */,
    minLength: 0
}).on("focus", function () {
    $(this).autocomplete("search", '');
});

示例：http: //jsfiddle.net/mlSjL/

编辑：如果您想立即显示建议列表，请尝试create在自动完成小部件的事件中显示它：

$("input").autocomplete({
    source: /* source */,
    minLength: 0,
    create: function () {
        $(this).autocomplete("search", '');
    }
});

示例：http: //jsfiddle.net/CVUWV/