css - jQuery UI 自动完成打开位置

Question

我什至不知道如何描述这个问题，我在我的网络应用程序上使用 jQuery UI Autocomplete，由于某种原因，当我第一次输入输入时，页面加载时，ui-widget-content 打开位置错误，如下图所示。我认为这是一个 CSS 问题，但无法解决它应该是哪个属性。在两个图像上，我使用相同的精确控制。聚焦并返回文本框后，它会在正确的位置自行解析(在两个示例中)

更新

再看看开发工具，我看到了不同之处。在第一个示例中，当我第一次打开 ui-autocomplete 时，“left”属性填充了值 524.5px，第二次填充了 533px(然后它显示在正确的位置)。

在第二个示例中，它是相同的，但具有“top”属性、-140px 和 199px(此控件位于对话框内)。这些属性在 element.style 上(我相信它在创建控件时是自动的)

我相信提到的 px 代表正文中自动完成文本框的偏移量，但我如何才能在第一次运行时将其修复为正确的 px？

**** 仅在 chrome 浏览器上发生 ****

我创建控件的代码是:

$('#service').autocomplete({
        source: function (request, response) {

        },
        select: function (event, ui) {
            event.preventDefault();
            $(this).val(ui.item.label);
        },
        minLength: 2,
    }).data("ui-autocomplete")._renderItem = function (ul, item) {
        var $a = $("<a></a>").text(item.label);
        highlightText(this.term, $a); //THE HIGHLIGHT TEXT FUNCTION I USE
        return $("<li></li>").append($a).appendTo(ul);
    };

Answer 1

这是一个 jQueryUI 错误。这是fixed在 1.9.1 版本中，但如果您必须使用旧版本，只需将其应用于您的 CSS:

.ui-autocomplete {
    position: absolute;
    top: 0;
    cursor: default;
}