jquery - 自动完成类别

Question

我正在尝试使用类别和 Ajax 实现 Jquery 自动完成，

我有以下从 Jquery UI website 获得的 javascript :

  <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