如何使用autoComplete.js？

Question

我正在尝试使用 autoComplete.js。

我已经安装了 npm：

npm i @tarekraafat/autocomplete.js

然后在js文件中导入：

import autoComplete from "@tarekraafat/autocomplete.js/dist/js/autoComplete";

还添加了一个 ID 为自动完成的 div：

<input id="autoComplete" tabindex="1">    <!-- Default "id" value = "autoComplete">`

在导入库的文件中，我复制了 the how to use part 步骤 4 中网站上的代码。

但是，我得到了错误：

autocompletejs.js:43 Uncaught ReferenceError: resultsListID is not defined

我做错了什么？我按照文档中的步骤操作，但出现此错误...

对可能出现的问题有什么想法吗？

Answer 1

这个错误是由于这里

resultsList: {                       // Rendered results list object      | (Optional)
        render: true,
        container: source => {
            resultsListID = "food_List";
            return resultsListID;
        },
        destination: document.querySelector("#autoComplete"),
        position: "afterend",
        element: "ul"
    },

resultsListID 变量从未启动过。可以通过在 resultsListID 分配的开头添加 var 来修复此问题，如下所示： var resultsListID = "food_List";

resultsList: {                       // Rendered results list object      | (Optional)
        render: true,
        container: source => {
            var resultsListID = "food_List";
            return resultsListID;
        },
        destination: document.querySelector("#autoComplete"),
        position: "afterend",
        element: "ul"
    },

注意到，这部分是可选的，如果选择保留它，据我所知，所有结果都将包装在容器中，该容器在 resultsListID 变量中提供了 id

如何使用autoComplete.js？

How to use autoComplete.js?

javascript

autocomplete