Jquery-AutoComplete显示无结果

时间:2014-02-10 10:36:17

标签: jquery jquery-ui autocomplete

我正在使用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。

0 个答案:

没有答案