即使没有结果，UI 自动完成显示 URL答案

【问题标题】：Ui autocomplete show URL even with no results即使没有结果，UI 自动完成显示 URL
【发布时间】：2018-09-30 10:01:26
【问题描述】：

即使没有结果，我也想在建议列表中显示一个 URL。

目前，我有以下代码：URL 仅在 open() 函数中显示结果。

是否可以在第一个字母之后添加自定义 URL，即使我没有结果？

$(function(){
  $( "#search" ).autocomplete({
    minLength: 1,
    source:'source',
    html: true, 
    open: function(event, ui){
      var term = $('#search').val(); 
      $("<br /><li><a href='/search-"+term+"'>Recherche complète pour "+term+"</a></li>").appendTo('ul.ui-autocomplete');
    }
  })
  .autocomplete( "instance" )._renderItem = function( ul, item ) {
    return $( "<li><div><img src='"+item.avatar+"'>&nbsp;<a href='"+item.value+"'>"+item.value+"</a><span class=\"alias_tweet_search\">@"+item.value+"</span></div></li>" ).appendTo( ul );
  };
});

【问题讨论】：

你可以在发布之前格式化你的代码吗？

标签： jquery jquery-ui jquery-ui-autocomplete

【解决方案1】：

问题解决了，代码如下

  $(function(){
    $( "#search" ).autocomplete({
      minLength: 1,
      source:'source',
      open: function(event, ui){
        var term = $('#search').val(); 
        var addnew = "<br /><li>&nbsp;<a href='/search-"+term+"'>Search for   "+term"</a></li>";
       $(".ui-autocomplete").append(addnew);
    },
     response: function(event, ui) {
       if (!ui.content.length) {
            var noResult = { value:"",label:"No results found" };                   
               ui.content.push(noResult);}                 
    },
  })
    .autocomplete( "instance" )._renderItem = function( ul, item ) {
      if(item.value == '')
      {
        return $ ( "<li>&nbsp;Aucune suggestion trouvée</li>" ).appendTo( ul );
      }
      else
      {
    return $( "<li><div class=\"test\"><img src='"+item.avatar+"'>&nbsp;<a href='/"+item.value+"'>"+item.value+"</a><span class=\"alias_tweet_search\">@"+item.value+"</span></div></li>" ).appendTo( ul );
      }
  };
});

【讨论】：