Jquery自动完成结果定位

Jquery自动完成结果定位,jquery,jquery-ui-autocomplete,Jquery,Jquery Ui Autocomplete,我正在尝试将自动完成的结果放入一个div中。目前,结果浮动到页面的左角。我需要将搜索结果放在输入搜索框的正下方。请帮忙 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/u

我正在尝试将自动完成的结果放入一个div中。目前,结果浮动到页面的左角。我需要将搜索结果放在输入搜索框的正下方。请帮忙

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>
<body>
<div style="background-color:blue;float:right;">
<p><label>Country:</label><input type='text' name='country' value='' class='auto'></p>
</div>

<script>
$(function() {
     $(".auto").
autocomplete({ source: "search.php", minLength: 1})      

});
</script>
</body>
</html>

国家:

$(函数(){ $(“.auto”)。 自动完成({source:“search.php”,minLength:1}) });
这通常是由于页面的CSS布局影响了库的位置造成的。因此,我们需要看到一个更完整的HTML和相关CSS版本,以帮助您的理论,我已经添加了完整的代码。谢谢你试过更改类名吗?我认为汽车是一个保留词。只是一个建议。自动完成的语法不是:$(“.myclass”).autocomplete(url,{params});尝试将auto类更改为myauto,但结果仍显示在左上角。