在 jQuery UI 自动完成列表的末尾添加自定义 div

Question

我想在 jQuery 自动完成列表的末尾添加一个自定义 div

我尝试在 ul 下添加自定义 div。

autoCompleteDiv.data("ui-autocomplete")._renderMenu = function (ul: JQuery, items: any) {
                var that = this;
                let extraDivHtml: string = '';
                $.each(items, function (_key, value) {
                    if (value.IsExtraDivHtml=== false) {
                        that._renderItemData(ul, value);
                    } else {
                        extraDivHtml= value.ExtraDivHtml;
                    }
                });

                if (extraDivHtml.length > 0) {
                    $(extraDivHtml).appendTo(ul);
                }
            };

但它没有正确显示并在控制台中抛出错误。

我们可以使用 jQuery 自动完成来做到这一点吗？或者任何其他JS，我们可以使用这个功能吗？

Answer 1

您可以尝试为打开事件添加回调：

$("#yourAutocomplete").autocomplete({
    source: yourSource,
    'open': function(e, ui) {
        $(".ui-autocomplete").append(extraDivHtml);
}});