我需要你的帮助来解决jquery自动完成问题。我已经包含了jquery v1.11,并且我已经创建了这个脚本。
对于html页面:
<input id="box_contributors_adduser_input_search" type="search" maxlength="25" placeholder="Nome Utente"/>
<div id='contributors_adduser_autocomplete_div'>
<ul class='contributors_adduser_autocomplete_ul'></ul></div>
</div>
这是js部分:
$(function() {
$("#box_contributors_adduser_input_search").autocomplete({
source: "user.php",
select: function(event, ui) {
alert(ui.item.value);
},
search: function(event, ui) {
$('.contributors_adduser_autocomplete_ul').empty();
},
close: function(event, ui) {
$('.contributors_adduser_autocomplete_ul').empty();
$("#contributors_adduser_autocomplete_div").css("display", "none");
}
})
.autocomplete("instance")._renderItem = function( ul, item ) {
if($('#contributors_adduser_autocomplete_div').css('display') == 'none')
{$("#contributors_adduser_autocomplete_div").css("display", "block");}
return $("<li></li>")
.data('ui-autocomplete-item', item)
.append("<p>"+item.label+"</p><p>"+item.desc+"</p>")
.appendTo($('.contributors_adduser_autocomplete_ul'));
};
});
我有两类问题,首先是事件选择不起作用,如果我点击项目没有任何问题。
第二个问题是当我用键盘滚动项目列表时启动的错误,错误日志在jquery-ui文件中将此错误返回给我:
item = ui.item.data( "ui-autocomplete-item" );
if ( false !== this._trigger( "focus", event, { item: item } ) ) {
// use value to match what will end up in the input, if it was a key event
if ( event.originalEvent && /^key/.test( event.originalEvent.type ) ) {
this._value( item.value );
}
}
未定义this.value行。 :(
任何人都可以帮我解决?非常感谢!!!!