自动完成 API - jQuery 未定义答案

【问题标题】：Autocomplete API - jQuery Undefined自动完成 API - jQuery 未定义
【发布时间】：2026-02-16 04:55:01
【问题描述】：

我正在尝试创建一个简单的文本框，它将使用来自DevBridge 的 jQuery API。我看了this tutorial 来生成我的代码。

但是，尽管我在 JS 代码之前声明了脚本并且也正确映射了，但我收到了以下问题：

这是我的代码：

<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script>
<link rel="stylesheet" href="resources/css/main.css" type="text/css">
<link rel="stylesheet" href="resources/css/styles.css" type="text/css">


<style>
h1 {text-align:center; margin:20px 20px;}
#autocomplete{margin:0 auto;})
</style>
<title>Job Search</title>
</head>

<body>
<form method ="GET" action="Jobs">
    <fieldset>

        <legend>Page:</legend>
        <input type="text" name="page" placeholder="enter a number" oninput="this.value=this.value.replace(/[^0-9]/g,'');" id="myId"/>

        <legend>Descending?</legend>
        <input type="text" id="autocomplete" />
        <script type="text/javascript">
        var arr= ["test", "apple", "orange"];

        $('#autocomplete').autocomplete({
            lookup: arr
        });
</script>

【问题讨论】：

标签： javascript jquery html css autocomplete

【解决方案1】：

控制台中的错误消息显示您缺少 jQuery 库，jQuery 自动完成库需要该库。

您需要在自动完成库上方包含 jQuery，如下所示：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script>
<link rel="stylesheet" href="resources/css/main.css" type="text/css">
<link rel="stylesheet" href="resources/css/styles.css" type="text/css">

【讨论】：

对于自动完成 jquery 插件，您只需要 jquery.autocomplete.min.js（与 jquery.autocomplete.js 相同，但已缩小）因此您不必同时包含两者