JQueryオートコンプリートがminLength 0およびカスタムスタイリングで動作しない

Question

Bootstrapカスタムスタイリングでjquery-uiオートコンプリートを使用しています。

私は例hereで与えられた正確なコードに続く：

をしかしこのdoesntのはminLength: 0のために働いているように見える我々は、入力ボックスをクリックするか、我々は文字または2で入力した場合でもとき、それはオートコンプリートのdoesntが表示されています。しかし、入力した後にバックスペースして入力ボックスからすべてを削除すると、オートコンプリートオプションが表示されます。どのオプションも検索していません。

デモ：JSFiddle

Answer 1

あなたは自分のsource配列のlabelプロパティが欠落しています。これは、jQueryオートコンプリートがユーザー入力を比較するプロパティです。ここでは、更新フィドルです：https://jsfiddle.net/wa91nxmb/2/

はまた、ここで変更するコードの一部です：

var coupons = [ 
    { 
     coupon: 'abced', 
     label: 'abced', 
     desc: '50 OFF' 
    }, 
    { 
     coupon: 'GG_hijk', 
     label: 'GG_hijk', 
     desc: '75 OFF' 
    }, 
]; 

ユーザーが空のテキストボックスに焦点を当てたときに、すべてのオプションを表示したいので、あなたがfocusイベントに結合することができ、 javascriptで検索を開始します。

$("#coupon").focus(function(){ 
     $(this).autocomplete("search", $(this).val()); 
});