У меня есть следующий код, собранный из документов jQuery и других хитов Google.Когда я набираю букву в автозаполнении, она всегда показывает результаты в самом верхнем левом углу экрана.Что я делаю не так?
<head>
<meta name="viewport" content="width=device-width" />
<title>Complete</title>
<link href="~/Scripts/jquery-ui-1.11.4.custom/jquery-ui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.3.1.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
</head>
<body>
<div id="autoResults" style="margin-top: 50px;">
<label for="Engineer">Select an Engineer: </label>
<input id="Engineer">
</div>
<script>
$(function() {
$("#Engineer").autocomplete({
@ * source: "@Url.Action("
AutoCompleteOrgList ", "
ContractManagement ")" * @
source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
appendTo: "#autoResults",
position: {
my: "left top",
at: "left bottom"
}
});
});
</script>
</body>