我正在使用Jquery-UI 1.10.4,但在使用自动填充功能时,下面的代码却没有显示任何结果:
$(document).on('keyup',"#txtQualityNo",function(){
if($(this).val().length>2){
$("#txtQualityNo").autocomplete({
source: [{stockid:'1',qualityno:"322323",shadeno:"342"},{stockid:"2",qualityno:"122323",shadeno:"322"}],
dataType:"json",
focus: function( event, ui ) {
$( "#txtQualityNo" ).val( ui.item.shadeno );
return false;
},
select: function( event, ui ) {
$( "#txtQualityNo" ).val( ui.item.shadeno );
return false;
}
})
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.data( "ui-autocomplete-item", item )
.append( "<a>" + item.qualityno + "<br>" + item.shadeno + "</a>" )
.appendTo( ul );
};
}
})`
但它没有显示结果 但是,如果我使用source作为项目:
`var projects = [
{
value: "jquery",
label: "jQuery",
desc: "the write less, do more, JavaScript library",
icon: "jquery_32x32.png"
},
{
value: "jquery-ui",
label: "jQuery UI",
desc: "the official user interface library for jQuery",
icon: "jqueryui_32x32.png"
},
{
value: "sizzlejs",
label: "Sizzle JS",
desc: "a pure-JavaScript CSS selector engine",
icon: "sizzlejs_32x32.png"
}
];`
然后它工作正常..
我不知道我犯了什么愚蠢的错误,因为我以前曾多次使用过Autocomplete。