jQuery 自动完成结果顺序

Question

我正在使用jQuery-autocomplete plugin使用对服务器的 AJAX 调用来获取有关完成输入字符串的建议。此外，服务器负责按照我希望结果出现的顺序返回结果，但自动完成以不同的顺序显示它们。

如何配置 jQuery 自动完成以不对输出重新排序？我不需要在客户端进行任何类型的处理，因为数据已经根据需要进行了排名/排序。

Answer 1

只需在将服务器结果发送到自动完成之前对其进行排序即可。

所以在你之前echo json_encode($return_arr);使用<a href="http://ca.php.net/sort" rel="noreferrer noopener nofollow">sort()</a>功能于 $return_arr

您也可以尝试这样的操作:

逻辑是构建一个以该术语开头的匹配数​​组，然后将其与包含该术语但不以其开头的匹配连接起来。

$(document).ready(function () {
    var source = ['Adam', 'Benjamin', 'Matt', 'Michael', 'Sam', 'Tim'];
    $("input").autocomplete({
        source: function (request, response) {
            var term = $.ui.autocomplete.escapeRegex(request.term)
                , startsWithMatcher = new RegExp("^" + term, "i")
                , startsWith = $.grep(source, function(value) {
                    return startsWithMatcher.test(value.label || value.value || value);
                })
                , containsMatcher = new RegExp(term, "i")
                , contains = $.grep(source, function (value) {
                    return $.inArray(value, startsWith) < 0 &&
                        containsMatcher.test(value.label || value.value || value);
                });

            response(startsWith.concat(contains));
        }
    });
});

示例: http://jsfiddle.net/zkVrs/

来源: https://stackoverflow.com/a/8302996/973155