jquery ui autocomplete. with error
hi
I m using jquery ui autocomplete.
I have a problem :-(
Output the list for me is not displayed and the following error appears:
5 results are available, use up and down arrow keys to navigate.
I use css code :
.ui-autocomplete-input {
z-index: 999;
but
not resolved .
please help me
my code:
$( "#TextKey" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: '<%=getAllFriend%>',
type: 'GET',
dataType: 'json',
data: {"CharacterText" : $('#TextKey').val(),
style: "full",
maxRows: 15},
contentType: "application/json; charset=utf-8",
success: function( data )
{
response( $.map( data.rows, function( item ) {
return {
label: item.nameOfUser +" "+item.familyOfUser,
value: item.nameOfUser +" "+item.familyOfUser,
desc: item.countryOfUser +" "+" "+item.cityOfUser,
image: item.profileAddressOfUser,
hiddenId: item.idOfUser
}
}));
}
});
},
focus: function( event, ui ) {
$( "#TextKey" ).val( ui.item.label );
return false;
},
minLength: 1,
select: function( event, ui ) {
log(ui.item.hiddenId);
}
}).data( "ui-autocomplete" )._renderItem = function( ul, item )
{
var inner_html = ' <a><div class="list_item_container">'+
' <div class="image"><img id="pic" src="' + item.image + '"></div>'+
'<div class="label">' + item.label + '</div><div class="description">' + item.desc + '</div></div></a>';
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append(inner_html)
.appendTo( ul );
};
});