jQuery UI - 自动完成小部件显示不会更新 ui 菜单位置

Question

每当我搜索时，位置都会正确显示

但经过一些滚动后，然后使用 input.autocomplete('widget').show(); 再次显示结果;

位置对齐方式仍然与之前的位置相同。在使用 input.autocomplete('widget').show(); 之前，有没有办法更新位置（使用 jQuery UI 自动完成位置计算）？

这是我的代码：

let itemTemplate = $("<li/>", {"class": "ui-menu-item"});
let itemWrapperTemplate = $("<div/>", {"class": "ui-menu-item-wrapper"});

$("input[autocomplete]").each(function() {
    let input = $(this);
    let autocomplete = input.attr("autocomplete");
    let searchResults = [];
    
    input.autocomplete({
        source: function(request, response) {
            const funcEval = function() {
                const funcAjaxCompleted = function(event, data, funcAutoCompleteSelect) {
                    input.off('ajaxSearch', funcAjaxCompleted);
                    input.off("autocompleteselect");
                    if (typeof funcAutoCompleteSelect === "function") {
                        input.on("autocompleteselect", funcAutoCompleteSelect);
                    }
                    searchResults = data;
                    response(searchResults);
                }
                input.on('ajaxSearch', funcAjaxCompleted);
                eval(autocomplete);
            }
            funcEval.call(input[0]);
        },
        appendTo: input.parent(),
        minLength: 0
    }).on("focus click", function() {
        if (searchResults.length == 0 || input.val().trim() === "") {
            input.autocomplete("search", input.val());
        } else {
            input.autocomplete('widget').show();
        }
    }).autocomplete("instance")._renderItem = function(ul, item) {
        let itemClone = itemTemplate.clone();
        let itemWrapperClone = itemWrapperTemplate.clone();
        itemWrapperClone.text(item.code + " " + item.name);
        return itemClone.append(itemWrapperClone).appendTo(ul);
    };
});

Answer 1

我找不到 jQuery UI Autocomplete 中是否有类似的函数，因此我尝试使用 jQuery .offset() 和 .outerHeight() 手动设置位置工作了。

if (searchResults.length == 0 || input.val().trim() === "") {
    input.autocomplete("search", input.val());
} else {
    let offset = input.offset();
    let top = (offset.top + input.outerHeight()) + "px";
    let left = offset.left + "px";
    input.autocomplete('widget').css({"top": top, "left": left}).show();
}