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

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

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

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

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

Example: http://jsfiddle.net/mLSjL/ http://jsfiddle.net/mLSjL/

Edit:如果您想立即显示建议列表，请尝试将其显示在create自动完成小部件的事件：

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

Example: http://jsfiddle.net/CVUWV/ http://jsfiddle.net/CVUWV/