Question

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

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

即使没有结果，是否可以在第一个字母后添加自定义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 );
  };
});

Answer 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 );
      }
  };
});

UI自动完成显示网址，即使没有结果

1 个答案: