自動完成與類別

Question

我想實現一個jQuery自動完成功能類別和阿賈克斯，

我有以下的javascript，我從Jquery UI website有：

<script> 
    $.widget("custom.catcomplete", $.ui.autocomplete, { 
    _renderMenu: function(ul, items) { 
     var that = this, 
     currentCategory = ""; 
     $.each(items, function(index, item) { 
     if (item.category != currentCategory) { 
      ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>"); 
      currentCategory = item.category; 
     } 
     that._renderItemData(ul, item); 
     }); 
    } 
    }); 
    </script> 

<script type="text/javascript"> 
$(function() { 

    //autocomplete 
    $(".auto").autocomplete({ 
     source: "autocomplete.php", 
     minLength: 1, 

    });    
}); 
</script> 

和文件autocomplete.php呼應JSON數組一樣這個：

[ 
{"label":"Sandy W","category":"Artist"}, 
{"label":"Shlomi Aber & Itamar Sagi","category":"Artist"}, 
{"label":"sad","category":"Keyword"} 
] 

但是，它似乎像jquery不承認的類別。當數組顯示在自動完成列表中時，數組中的值不會根據它們的類別分開。

難道是Json附近的報價label和categories？我注意到，在由jquery label和categories提供的示例中沒有引號。

感謝您的幫助:)

Answer 1

由於您尋找您需要使用catcomplete這將顯示的子類，而autocomplete不分類的搜索結果。

更改此：

$(".auto").autocomplete({ 

要：

$(".auto").catcomplete({ 

Demo