javascript - jQuery 自动完成中的限制结果不起作用

Question

我已经在 StackOverflow 中浏览了很多答案，我认为以前没有人遇到过这个问题。这有点奇怪，但是当我尝试限制 jQuery 自动完成中的结果时，它就是行不通。

我不知道我可以在这里粘贴什么，所以我会粘贴一小段我的代码，你告诉我缺少什么。

$("input[type=search]").autocomplete({
    delay: 0,
    autoFocus: true,
    source: function (request, response) {
        populate(request.term, response);

        result = $.ui.autocomplete.filter(result, request.term)

        response(result.slice(0, 10));
    }
});

我不知道我做错了什么，但是当我进行搜索时，这根本行不通!我仍然看到很多(很多，很多，很多)结果。

我该怎么做才能解决这个问题？

Answer 1

以这种方式引用事物对我有用。

<script>

$(":input[data-autocomplete]").each(function () {
$(this).autocomplete({
    delay: 0,
    autoFocus: true,
        source: $(this).attr("data-autocomplete"),
        select: function (event, ui) {
            if (ui.item) {
                alert(ui.item.id);
            }
        }
    });
}); 
</script>

然后使用标准 javascript 数据引用自动完成服务器端脚本的位置

<input type="text" data-autocomplete="/Home/QuickSearch" />

这允许多个快速搜索并且还处理对服务器端位置的更改引用。

在您自己的代码中，如果您保留开始行，请确保输入类型设置为搜索

<input type="search" />