为啥我的 jqueryUI 自动完成显示在左上角?

Posted

技术标签:

【中文标题】为啥我的 jqueryUI 自动完成显示在左上角?【英文标题】:Why does my jqueryUI autocomplete show at top left corner?为什么我的 jqueryUI 自动完成显示在左上角? 【发布时间】:2020-07-28 20:05:48 【问题描述】:

我正在使用 bootstrap 4 制作一个 ASP.net 核心应用程序,我想使用 jquery UI 自动完成功能来使用数据库自​​动完成。我一切正常,但出于某种原因,自动完成功能出现在屏幕的左上角?

这是我的 Js sn-p:

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

        );
    );

结果如下:

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

这和使用引导程序有什么关系吗?

【问题讨论】:

检查结果部分的 CSS。 你会包含你的完整视图代码吗?我可能也需要布局 【参考方案1】:

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

【讨论】:

以上是关于为啥我的 jqueryUI 自动完成显示在左上角?的主要内容,如果未能解决你的问题,请参考以下文章

JQueryUI 自动完成结果未显示,但出现在 DevTools 中

jQueryUI自动完成在没有匹配时在下拉列表中显示“其他”并让用户能够选择它

jQuery UI自动完成下拉不显示

如何将标题添加到 jqueryui 自动完成调用?

jQuery UI 自动完成不过滤数据

JqueryUI 自动完成输入字段