jquery 自动完成不会清除无序列表

Question

我的代码是:

        $("#contactSearch").autocomplete({
            source: "bulk_GetContacts.php",
            minLength: 4,
            delay: 100
        })          
        .data( "autocomplete" )._renderItem = function( ul, item ) {
            console.log(ul);
            return $( "<li class=\"ui-state-highlight\"></li>" )
                .data( "item.autocomplete", item )
                .append( "<a>" + item.label + "</a>" )
                .appendTo("#autocompleteResults");

        };

问题是，当我输入 abcd 时，它正确地显示了我的 div 中的结果(“#autocompleteResults”)。但是当我添加“e”(abcde)时，它不会清除过去的结果并将新结果添加到 div 的底部。如何清除过去结果列表？

问候，尼科斯

Answer 1

我在创建自动完成时添加了以下行。因此，每次您在自动完成中添加内容时，列表都会被清除。

$("#contactSearch").autocomplete({
                source: "bulk_GetContacts.php",
                minLength: 4,
                delay: 100,
                **search: function(event, ui) {
                    $("#autocompleteResults").empty();
                }**