使用数组值时jQuery UI Autocomplete功能失效求助

嘿，我瞅到你的Autocomplete功能没正常跑起来，核心问题出在配置选项上啦！jQuery UI的Autocomplete组件并不用data来指定数据源，正确的选项是source，这就是功能失效的关键原因~

修正后的完整代码 #

把你的JavaScript配置部分改一下就行，其他代码的加载顺序和路径没问题：

<link href="lib/jquery-ui/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
<div class="ui-widget">
<span>Enter Language Name: </span><input id="Language">
</div>
<script src="lib/jquery/dist/jquery.js"></script>
<script src="lib/jquery-ui/jquery-ui.js"></script>
<script src="lib/bootstrap/dist/js/bootstrap.js"></script>
<script>
var tech = [ "Asp", "Basic", "Java", "Php", "Typescript", "Ruby", "Python", "Angular" ];
$('#Language').autocomplete({ source: tech }); // 这里把data替换成source
</script>

额外小提醒 #

• 可以打开浏览器控制台（F12）检查一下，确保jquery.js、jquery-ui.js和对应的CSS文件都能正常加载，没有404错误
• 你当前的脚本加载顺序是对的：先加载jQuery，再加载jQuery UI，最后加载Bootstrap，这个顺序别乱改哦

改完之后，输入框应该就能正常弹出语言名称的提示列表啦！

内容的提问来源于stack exchange，提问作者Mariah