jquery - 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();
                }**