限制JQuery自动完成标签上的元素数量

我有以下代码: http : //jsfiddle.net/kheAn/

在JQuery Autocomplete中,你可以使用slice来限制,但是我不确定如何用这个插件来完成。

我想限制自动完成下拉列表中显示的元素数量。

目前,所有元素正在显示。 我想只显示最接近用户input的前10名。

我怎样才能限制显示的元素?

此外,有没有比我目前的代码更好的解决scheme? 我听说我应该使用Node.js和/或引导程序。

关于NodeJS,这是一个JavaScript服务器端的语言,他非常容易上手,但我不认为自动完成function特别有趣。

我不完全知道tagit是如何工作的,但是如果你想用bootstrap来pipe理它,你可以很容易地使用“typeahead”插件,并将items选项设置为你想要的最大数量的项目。

http://twitter.github.io/bootstrap/javascript.html#typeahead

 $('#demo2').typeahead({ source: availableTags, items: 10 }); 

编辑:根据tagit.js文档,和jQuery自动完成之一。

https://github.com/aehlke/tag-it#autocomplete-object

允许覆盖默认设置的源代码和select选项,以及添加要传递给jQuery UI自动填充小部件的任何其他选项,例如minLength或delay。

如果您想使用自定义自动完成源(如Ajax / XHR响应),则应该覆盖autocomplete.source。

http://api.jqueryui.com/autocomplete/

您不能轻松添加一个选项来限制显示的项目的最大数量,但是您可以使用一个函数覆盖源代码,您可以在其中限制响应项目!

我一直认为bootstrap更适合您的需求,而且不需要jQuery-UI。

编辑:

经过讨论,这个插件应该可能是你正在寻找的那个!

http://welldonethings.com/tags/manager

 $('#demo2').tagsManager({ typeahead: true, typeaheadSource: availableTags });