jquery - 缓慢加载 jQuery 自动完成

Question

您好，我正在使用 jQuery 为我的公司构建一个内部应用程序 autocomplete我发现它往往开始得很慢。我的假设是，瓶颈可能是将其元素添加到 DOM 中，因为在第一次查询之后，它似乎要快得多。有谁知道一种在页面加载时预加载这些元素的方法，而不是在用户开始输入时第一次加载这些元素？

Answer 1

如果您不必使用 ajax 调用来检索数据，并且您的自动完成列表不是太大，您可以从 js 对象数组中提供自动完成数据。

假设您有这样的数据(您可以尽早构建):

var data = [{"n":name, "p":pagename,"c":number_of_results},...];

然后自动完成调用将如下所示:

$("#autocomplete").autocomplete(data, {
    matchContains: true,
    formatItem: function(row, i, max) {
        return row.n + " ("+row.c+")";
    },
    formatMatch: function(row, i, max) {
        return row.n;
    },
    formatResult: function(row) {
        return row.n;
    }

});
$("#autocomplete").result(function(event, data, formatted) {
    if(!data) {
        alert("Please select an item");
    } else {
        window.location.href =  data.p;
    }
});

这将创建一个类似于项目名称(结果数)的自动完成功能，并且在单击某个项目时，它将重定向到相应的项目页面名称。

我有大约 1,000 个项目，自动完成速度很快。