jQuery 分类自动完成搜索

Question

我一直在整个互联网和 Whosebug 网站上搜索这个，但似乎找不到我一直在寻找的解决方案。

我正在尝试实现分类搜索栏，我已经覆盖了 _renderItem 方法以在 _renderMenu 方法内部调用，但它不起作用！

以下是我的代码：

var categorySearch = $("#searchfield").autocomplete({}).data('ui-autocomplete');       


    _renderItem = function(ul, item) {
         return $('<li>')                                  
        .data('item.autocomplete', item)
        .append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' onerror='$(this).hide()' style='width:40px;height:40px;border-radius:50px' alt=''/>" + " " + " " +item.label+"</a>")
        .appendTo(ul); 

     };

    categorySearch._renderMenu = function(ul, items){
        var that = this;
        currentCategory = " "; 
        $.each( items, function( index, item ) {
            if(item.category !== currentCategory) {
            ul.append("<li><strong>" +item.category +"</strong></li>");
            currentCategory = item.category;
        }
        that._renderItem(ul, item);
        });
    };

除了我的 _renderItem 方法没有得到实施外，一切正常。还有其他方法可以调用重写的 renderItem 方法吗？

Answer 1

我找到了解决方案！

我只需要将 _renderItem 方法更改为如下：

categorySearch._renderItem

jQuery 分类自动完成搜索

jQuery categorized autocomplete search

javascript

search

jquery

autocomplete