Question

我正在使用jQuery的自动填充功能为搜索成员创建自动提示下拉列表＆＃34;输入。该功能列出了成员头像的建议。标准的东西。以下功能工作正常除外，它不允许我选择其中一项。

 $(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 );



      };
   });

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

1 个答案: