Question

我有这个奇怪的问题，jquery中自动完成功能的结果显示在页面的左上角而不是文本框下。

这是功能。

$(function() {
    $( ".txtauto" ).autocomplete({
        source: 'php/getSuggerimenti.php'
    });
});

这是文本框。

<input type='text' class='txtauto' name='primo1' />

我使用的jquery版本是3.3.1。

Answer 1

检查是否已链接jquery.ui.css和jquery.ui.js，这是您正确放置结果所需的基础知识。如果所有链接都检查了css覆盖是否有任何jquery.ui类被你的css超载。

Answer 2

我设法解决了这个问题。首先，我已经包含了这些链接：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">

<script src="//code.jquery.com/jquery-1.12.4.js"></script>

<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

而不是jquery的1.11.4版本我使用了1.12.4和jquery-ui的1.12.1。

然后我改变了这样的javascript函数：

$( ".txtauto" ).autocomplete({
    source: 'php/getSuggerimenti.php'
});

删除$（功能部分。

Jquery自动完成结果未显示在正确的位置

2 个答案: