Question

尝试将EasyComplete插件（版本1.3.5）包含在我未来的网站中，我用最简单的输入标签（＆＃39;基础知识＆＃39;一个）测试了它但没有成功...我做在我的输入标签中输入字母时看不到任何自动完成列表。

这是我的html文件：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="./EasyAutocomplete/easy-autocomplete.min.css"> 
    <link rel="stylesheet" href="./EasyAutocomplete/easy-autocomplete.themes.min.css">
    <script src="./EasyAutocomplete/jquery.easy-autocomplete.min.js"></script> 
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
    <input id="basics" />
    <script>
        $(document).ready(function() {
            var options = {
                data: ["blue", "green", "pink", "red", "yellow"]
                };
            $("#basics").easyAutocomplete(options);
        });
    </script>
</body>
</html>

我注意到，使用Safari Web Inspector，我的页面有两个问题：
来自html文件的_ 1：＆＃39; $（＆＃34;＃basics＆＃34;）。easyAutocomplete（options）;不是一个功能＆＃39;
来自jquery.easy-autocomplete.min.js文件的_ 1：＆＃39;无法找到变量jQuery＆＃39; （最后一行）

Coud有人向我解释我在这个非常基本的例子中做错了吗？

Answer 1

您的JavaScript包含错误的顺序。你需要首先包含jQuery，然后是自动完成的东西。

以下是正确顺序的代码演示：

＆＃13;

$(document).ready(function() {
   var options = {
     data: ["blue", "green", "pink", "red", "yellow"]
   };
   $("#basics").easyAutocomplete(options);
 });

＆＃13;

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.themes.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.min.js"></script>

<input id="basics">

＆＃13;

基本EasyComplete输入的错误

1 个答案: