我的多列自動完成功能只用一個字母

Question

我正在使用jQuery UI自動完成作爲多列自動完成功能。該代碼是以下

$(function(){ 
 
       
 
    //value 
 
      
 

 
var isi = [ 
 
        { 
 
         jng: 'java', 
 
         wrn: 'write once run anywhere java', 
 
         tpe: 'bla', 
 
         kde: 'boh' 
 
        }, 
 
        { 
 
         jng: 'PHP', 
 
         wrn: 'write once run anywhere PHP', 
 
         tpe: 'bli', 
 
         kde: 'bah' 
 
        } 
 
       ]; 
 
       //code 
 
       $('#name').autocomplete({ 
 
        minLength: 1, 
 
        source: isi, 
 
        focus: function (event, ui){ 
 
         $('#name').val(ui.item.jng); 
 
         return false; 
 
        }, 
 
        select: function (event, ui){ 
 
         $('#name').val(ui.item.kde); 
 
         return false; 
 
        } 
 
       }) 
 
    .data('ui-autocomplete')._renderItem = function (ul, item){ 
 
     return $('<li>') 
 
    .append("<a>" + item.jng + " " + item.wrn + " " + item.tpe + "</a>") 
 
          .appendTo(ul); 
 
         }; 
 
      });

 

 
<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet"> 
 
    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
    <script src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script> 
 
    <input id='name' type='text'/>

該代碼只是工作，如果我「J」型或空間上的輸入。當我輸入另一封信時，它又消失了。 這段代碼有什麼問題？

Answer 1

$(function(){ 
 
       
 
    //value 
 
      
 

 
var isi = [ 
 
        { 
 
         jng: 'java', 
 
         wrn: 'write once run anywhere java', 
 
         tpe: 'bla', 
 
         kde: 'boh' 
 
        }, 
 
        { 
 
         jng: 'PHP', 
 
         wrn: 'write once run anywhere PHP', 
 
         tpe: 'bli', 
 
         kde: 'bah' 
 
        } 
 
       ]; 
 
       //code 
 
       $('#name').autocomplete({ 
 
        minLength: 3, 
 
        source: isi, 
 
        focus: function (event, ui){ 
 
         $('#name').val(ui.item.jng); 
 
         return false; 
 
        }, 
 
        select: function (event, ui){ 
 
         $('#name').val(ui.item.kde); 
 
         return false; 
 
        } 
 
       }) 
 
    .data('ui-autocomplete')._renderItem = function (ul, item){ 
 
     return $('<li>') 
 
    .append("<a>" + item.jng + " " + item.wrn + " " + item.tpe + "</a>") 
 
          .appendTo(ul); 
 
         }; 
 
      });

 

 
<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet"> 
 
    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
    <script src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script> 
 
    <input id='name' type='text'/>

所示沒有項目