Question

我在将图像添加到jQuery的自动完成小部件时遇到了一些困难。我几乎是jquery的新手，所以我为问题的简单性道歉。函数belwo是我一直在使用的，但在语法上它是错误的（firebug抛出错误＆＃34; TypeError：$（...）。autocomplete（...）。data（...）未定义＆＃34; ），但我不知道这是错的。我甚至无法进入它的功能方面！任何指导都会有所帮助。关于这个tpoic已经有几个问题，但不幸的是我无法操纵答案以适应我的情况（主要是因为我对jQuery缺乏经验而不是其他任何事情）。

头像的路径是＆＃34; ../ avatars / user_id / user_id_thumbnail.jpeg＆＃34;其中user_id =一个整数。

  $(function(){
    $( "#main_search" ).autocomplete({
    minLength: 2,
    source:'../ajax/search.php', 
    minLength:1
    })
    .data( "autocomplete")._renderItem = function( ul, item ) {
        var pic_path = '<img src="../avatars/' + item.value + '/' + item.value + '_thumbnail.jpeg">' ;
        return $( "<li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + pic_path + item.label + "</a>" )
        .appendTo( ul );
    };
  });

Answer 1

确定通过反复试验和审核问题，就像添加＆＃34; ui＆＃34;自动完成....因此..

 $(function(){
    $( "#main_search" ).autocomplete({
    minLength: 2,
    source:'../ajax/search.php', 
    minLength:1
    })
    .data( "ui-autocomplete")._renderItem = function( ul, item ) {
        var pic_path = '<img src="../avatars/' + item.id + '/' + item.id+ '_thumbnail.jpeg">' ;
        console.log(pic_path);
        return $( "<li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + pic_path + item.label + "</a>" )
        .appendTo( ul );
    };
 });

将图像附加到jQuery的自动完成

1 个答案: