jquery - 使用 JQuery 自动完成？

Question

我正在寻找一个支持标签（如 stackoverflow 的）和图片（如 facebook 的搜索）的自动完成 jQuery 插件。有什么建议吗？

Answer 1

jQuery UI 具有易于使用的自动完成功能。

您将一组可能的值（来自服务器端或客户端）传递给它，然后自动完成从那里获取它。

这是一个示例，可能有助于向您展示如何使用自定义数据。

摘自 jQuery UI

    $(function() {
        var availableTags = [
            "ActionScript", "AppleScript",
            "Asp", "BASIC",
            "C", "C++",
            "Clojure", "COBOL",
            "ColdFusion", "Erlang",
            "Fortran", "Groovy",
            "Haskell", "Java",
            "JavaScript", "Lisp",
            "Perl", "PHP",
            "Python", "Ruby",
            "Scala", "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });

和html：

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>