2

我正在尝试使用 jquery 自动完成和自定义 html 在我的下拉列表中添加图像。出于某种原因，当我设置图像时，输入名称时自动完成看起来很好（我看到图片和标签很好），但是当我向下箭头选择时，我得到一个错误，说 ui.item 是没有为焦点和选择事件定义。如果我遵循示例页面中显示的标准格式，一切正常。

（来自 jquery doc 的那个 - 按预期工作）

.append( "<a>" + item.label + "<br>" + item.value + "</a>" )

但是当我使用这个来显示图像时，自动完成列表会显示图片，但是焦点和选择事件不起作用

$( "#friends" ).autocomplete({
    minLength: 2,
    source: friend_data,
    delay: 0,
    autofocus: true,
    focus: function(event, ui) {
        $( "#friends" ).val( ui.item.label );
        return false;
        },
    select: function( event, ui ) {
        $( "#friends" ).val( ui.item.label );
        return false;
        }    
    })
    .data( "autocomplete")._renderItem = function( ul, item ) {
        var fb_pic_path = '<img src="http://graph.facebook.com/' + item.value + '/picture?type=square">' ;
        console.log(fb_pic_path);
        return $( "<li></li>" )
        .data( "item.autocomplete", item )
        .append(  fb_pic_path +  item.label  )
        .appendTo( ul );
    };
4

1 回答 1

2

啊。。想通了。需要锚。 

.append( "<a>" + fb_pic_path + item.label + "</a>" )

现在工作正常。

于 2012-06-03T09:33:42.443 回答