好的jQuery自动完成不是jQuery UI的一部分？

Question

是否有一个很好的替代jQuery UI自动完成功能？

我在互联网上找不到一个。 jQuery UI对于使用自动完成功能来说太大了，而且我不想自己推出另一个自动完成功能。

回答：仅用于自动完成的jQuery UI自定义构建为23,052字节。 SO uses适应jQuery UI自动完成的原始Zaefferer version。我想如果它对SO来说足够好了，那对我来说已经足够了，可以在GitHub上从agarzola分叉。

Answer 1

谷歌搜索“jquery autocomplete”产生了这个DevBridge（以及所有其他人）：

http://www.devbridge.com/projects/autocomplete/jquery/

这也是possible duplicate of this question中最受欢迎的未被接受的答案。

Answer 2

您只需从 http://jqueryui.com/download 下载所需的组件即可下载jQuery UI的自定义版本。点击取消选中所有组件，然后点击自动填充旁边的复选框。生成的缩小的js文件是20 KB未压缩。

Answer 3

jQuery官方插件：

http://docs.jquery.com/Plugins/autocomplete

Select2 jQuery插件，将select转换为自动完成输入+列表：

http://ivaynberg.github.io/select2/

选择jQuery插件，同样的事情，但来自不同的作者：

http://harvesthq.github.io/chosen/

JörnZaeffererjQuery插件：

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

Yahoo YUI：

http://developer.yahoo.com/yui/autocomplete/

Selectize.js（基于jQuery）：

https://selectize.github.io/selectize.js/

Twitter Typeahead：

https://twitter.github.io/typeahead.js/

Answer 4

请参阅https://github.com/agarzola/jQueryAutocompletePlugin/blob/master/jquery.autocomplete.js

Answer 5

3岁的人质疑这一点，但是因为它在Google上获得了“最佳jquery-ui autocomplete替代品”的第二名，我认为值得为twitter的 Typeahead 实施提供一个链接：http://twitter.github.io/typeahead.js/

稍微讨厌你可能需要Hogan模板引擎才能使它工作（为负载添加更多kb），但如果你花时间阅读文档，那将是值得的

在使用下面的（简化）代码结构仔细阅读文档30分钟后，我替换了我的“位置查找”jquery UI实现：

$('.location_text_field').typeahead({

    name : 'locations',
    remote : {
        url : "/get_locations.php",
        filter : function (response) {
            return response.locations;
        }
    },
    template : '<p>{{{label}}}</p>',
    engine : Hogan

}).on({

    // When the user selects a location do something clever
    'typeahead:selected' : function (e, datum) {
       // Doing something clever here....
    },

    // Reset the cleverness above if the user changed
    // the text of the field manually on his own
    'keyup' : function () {
         // Reset cleverness
    }

});

......它就像一个魅力。

Answer 6

您可以下载仅包含自动填充模块的自定义版本的jQuery UI： http://jqueryui.com/download

Answer 7

我只是在找自己的替代品并找到了这个

https://github.com/onigoetz/jquery.autocomplete

它使用jQuery，但不使用jQuery UI。它具有大小意识，并且与jQuery UI兼容。它来自agarzola / jQueryAutocompletePlugin＆＃34;在github上。

它可能没有众所周知的jQuery UI实现的支持，但我测试了它，现在它似乎是广告的一切。