无法从 jQuery 自动完成中选择建议

Question

我正在使用 jQuery 的自动完成功能为“搜索成员”输入创建一个自动建议下拉菜单。该功能列出了带有成员头像的建议。标准的东西。以下功能可以正常工作，但它不会让我选择其中一项。

 $(function(){
    $( "#main_search" ).autocomplete({
    source:'../ajax/search.php', 
    minLength:3
    })
        .data( "ui-autocomplete")._renderItem = function( ul, item ) {
             var pic_path = '<img src="../avatars/' + item.id + '/' + item.id + '_thumbnail.jpeg" onerror="this.src=\'../avatars/generic/generic_thumbnail.png\'" id="imgId" width="30px" padding="2px";>';

         return $( "<li>" )
        .data( "item.autocomplete", item )
        .append( "<a><table><tr><td>" + pic_path + "</td><td style='color:#000000; font-size:0.7em; padding-left:10px;'>" + item.name + "</td></tr></table></a>")
        .appendTo( ul );

      };

我的初始功能...

  $(function() {  
     $('#main_search').autocomplete({
     source:'../ajax/search.php', 
     minLength:1
      });
  });

在各个方面都运行良好 - 可以单击所选建议并显示在输入框中。我最初认为这与我的锚标签有关，搜索 SOF 显示其他人也有类似的问题，但在他们的情况下，缺少锚标签是问题所在。我添加了锚标签，但没有成功。

我是 jQuery 新手，如果这很简单，我深表歉意。

Answer 1

已解决...

   $(function(){
     $( "#main_search" ).autocomplete({
     source:'../ajax/search.php',

     select: function(event, ui) {
     $( "#main_search" ).val(ui.item.name);
     return false;
     },

     minLength:1

     })
        .data( "ui-autocomplete")._renderItem = function( ul, item ) {
             var pic_path = '<img src="../avatars/' + item.id + '/' + item.id + '_thumbnail.jpeg" onerror="this.src=\'../avatars/generic/generic_thumbnail.png\'" id="imgId" width="30px" padding="2px";>';
                return $( "<li>" )
                .data( "item.autocomplete", item )
                .append( "<a><table><tr><td>" + pic_path + "</td><td style='color:#000000; font-size:0.7em; padding-left:10px;'>" + item.name + "</td></tr></table></a>")
                .appendTo( ul );



      };
   });