jQuery UI 自动完成不过滤数据

Question

所以我搜索但找不到答案。这可能是一件微不足道的事情，但我只是看不出是什么原因造成的。

我正在使用 jQuery UI 自动完成，它显示 json 结果。所以我知道我的 JSON 是有效的。然而，它并没有过滤任何东西。所以我可以输入一个数字，它只会显示所有数据。任何提示将非常感激!

非常感谢您的宝贵时间!!

这是我的自动完成代码。

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


   $('#category').catcomplete({
    source: function(request, response) {
        $.ajax({
            url: '/wp-content/plugins/pagelines-sections/searchbar/products.json',
            dataType: 'json',
            data: {
                term: request.term
            },
            cache: true,
            success: function(data) {
                response($.map(data.products, function(item) {
                    return {
                        category: item.category,
                        label: item.label,
                        value: item.value
                    };
                }));
            }
        });
       },
       minLength: 1
   });

Answer 1

过滤必须在服务器端基于“Term”参数执行。检查您的服务器使用 Firebug 或 Chrome 开发者工具 (F12) 返回哪些数据，并确保它取决于“term”参数。