jqueryui 自动完成建议数量答案

【问题标题】：jqueryui autocomplete number of suggestionsjqueryui 自动完成建议数量
【发布时间】：2015-11-30 10:30:33
【问题描述】：

我正在使用 jqueryUI 自动完成脚本。问题是我想将它提供的建议数量限制为 6，因为它提供了太多建议。这是脚本：

$.get('file.txt', function(x) {

    var i;
    var pos = 0;
    var availableTags = [];

    x = x.split(/[\#\n]+/);

    for (i = 0; i < x.length; i = i + 4)
      availableTags[pos++] = x[i];

    console.log(availableTags);

    $(function() {
      $("#search").autocomplete({source: availableTags});
      response(availableTags.slice(0, 6));
    });

    }, 'text');

我发现了 excellent solution by Andrew Whitaker，但无法让它工作。他建议使用

response(availableTags.slice(0, 6));

有什么解决方案可以限制我的脚本中的建议数量？

【问题讨论】：

标签： jquery jquery-ui autocomplete limit autosuggest

【解决方案1】：

您可以重写 _renderMenu 函数以显示最多 N 个项目

$.ui.autocomplete.prototype._renderMenu = function( ul, items ) {
   var self = this;
   $.each( items, function( index, item ) {
      if (index < 10) // here we define how many results to show
         {self._renderItem( ul, item );}
      });
}

或切片响应：

$("#search").autocomplete({ 
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(availableTags, request.term);

        response(results.slice(0, 6));
    }
});

【讨论】：

非常感谢 michal pavlik，工作几乎完美，但会影响 html 结果和 css。你介意我等一个更简单的答案吗？
当然，我编辑了我的帖子并添加了带有切片结果的更简单的解决方案。
嗯，第二个不起作用 :'( 但这可能是我的错。我在问题中编辑了代码，以便向您展示我是如何包含您的代码的。您发现任何错误吗？
自动完成功能后没有右大括号。底部第三行应该有});
我很抱歉迈克，伙计，但它无法正常工作...... :((在我的问题中也更新了

【解决方案2】：

$(function() {
    var limit = 3;
    var tags = [
      "hello","hi", "him", 'here',"his", "honour", "banquet"
    ];
    $( "#search" ).autocomplete({
        source: tags.slice(0, limit),

        });
});

请找到上述解决方案，让我知道它是否适合您。

【讨论】：