javascript - 为什么我的 jqueryUI 自动完成显示在左上角？

Question

我正在使用 bootstrap 4 制作 ASP.net core 应用程序，我想使用 jquery UI 自动完成功能来使用数据库自​​动完成。我一切正常，但由于某种原因自动完成功能显示在屏幕的左上角？

这是我的 Js 片段:

    $(document).ready(function () {
        $("#Machine").autocomplete({
            source: "/repair/Search",

        });
    });

这是结果:

我希望它像它应该的那样出现在文本字段的正下方。我在代码中尝试了 .position 标签，但我无法让它工作。

这和使用 bootstrap 有什么关系吗？

Answer 1

由于某种原因更改为 jquery 1.12.4 和 jquery ui 1.12.1 解决了该问题