自动完成文本框下拉菜单未出现在文本框下方答案

【问题标题】：Autocomplete textbox's dropdown is not appearing below texbox自动完成文本框下拉菜单未出现在文本框下方
【发布时间】：2019-11-22 12:58:19
【问题描述】：

我正在关注这个site 来创建自动完成文本框，但下拉菜单没有出现在文本框下方，而是出现在浏览器的左上角。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="jquery/jquery.min.js"></script>
    <link rel="stylesheet" href="jquery-ui/jquery-ui.min.css">
    <script src="jquery-ui/jquery-ui.min.js"></script>
    <script>
        $(function() {
            $("#skill_input").autocomplete({
                source: "search.php",
            });
        });
        
    </script>

</head>
<body>
        <label>Your skills:</label>
        <input type="text" id="skill_input" placeholder="Start Typin"/><br>
</body>

</html>

【问题讨论】：

请正确阅读How to Ask和minimal reproducible example和edit您的问题。

标签： php jquery html mysql

【解决方案1】：

我认为您需要使用这些脚本和 css 添加示例。

看起来你使用的是不同的。

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- jQuery UI library -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

【讨论】：

我很高兴听到这个消息。如果可能，请将问题标记为已回答。