オートコンプリートでリストに結果が表示されない

Question

データベースから結果を取得できましたが、指定されたvar productsが検査中に見た結果です。唯一の問題は、結果を含むべきリストが見えないことです。

私もそうこれは私が

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0" style="display: none; top: 136px; left: 865px; width: 402px;"> 
    <li class="ui-widget-content ui-menu-divider"></li> 
</ul> 

空白のリストを持っている要素にリストを検査してみました。オートコンプリートしようとするのは初めてです。可能であればお手伝いください。

$(function() { 
 
    { 
 
    var products = [{ 
 
     "product_code": "ABC1233", 
 
     "product_id": 1, 
 
     "product_name": "National Stove Testing" 
 
    }]; 
 
    $("#find_product").autocomplete({ 
 
     source: products, 
 
     select: function(even, ui) { 
 
     $("#id").val(ui.item.id); //ignore this 
 
     $("#name").val(ui.item.value); //ignore this 
 
     $("#type").val(ui.item.type); //ignore this 
 
     } 
 
    }); 
 
    } 
 
});

<div class="ui-widget"> 
 
    <label for="find_product">Find Product: </label> 
 
    <input id="find_product"> 
 
</div>

Answer 1

フィドル - http://jsfiddle.net/darjiyogen/kq7pL4kh/1/

$(document).ready(function() { 
 
var products = [{ 
 
    "value": "aBCD", 
 
    "id": 1, 
 
    "label": "National Stove Testing" 
 
},{ 
 
    "value": "EF", 
 
    "id": 2, 
 
    "label": "WEWE Stove Testing" 
 
}]; 
 

 
$("#find_product").autocomplete({ 
 
    source: products, 
 
     minLength: 1 
 
}); 
 

 
});

<div class="ui-widget"> 
 
    <label for="find_product">Find Product: </label> 
 
    <input id="find_product"> 
 
</div>