自动完成，芯片在我的代码中不起作用答案

【问题标题】：Autocomplete with chips not working in my code自动完成，芯片在我的代码中不起作用
【发布时间】：2018-11-09 22:34:29
【问题描述】：

我无法理解我在这里做错了什么。我直接从这个 codepen 复制了我的代码：https://codepen.io/jcarlos17/pen/xqYzzX 它工作正常。我正在导入 JQuery，日志中没有错误。输入文本栏出现，我可以输入它，当我点击返回时，文本变成了标签，但它根本不会自动完成。

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>blah</title>


  <!-- Compiled and minified CSS -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
  <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/animate.css') }}">
  <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/style.css') }}">
  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
</head>
<body>

 <!-- Navigation Bar --
    <ul>
        <li><a class="active" href="index.html">Home</a></li>
        <li><a href="#login">Login</a></li>
        <li><a href="#contact">Contact</a></li>
        <li><a href="#about">About</a></li>
    </ul>
 ------->
<!-- Page introduction box -->
<div class="chips-autocomplete"></div>
  </body>

  <script>
  $(document).ready(function(){


            $('.chips-autocomplete').material_chip({
                secondaryPlaceholder: 'Ingrese síntomas',
                placeholder: '+Síntoma',
                autocompleteData: {
                    'DEBILIDAD': null,
                    'DIARREA': null,
                    'ABDOMEN AGUDO': null,
                    }
                    });
  });

  </script>

</html>

我有点疯了。

【问题讨论】：

标签： javascript jquery html autocomplete tags

【解决方案1】：

您加载了错误的脚本版本，而不是https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js

尝试加载：https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js

（更改以粗体显示）

【讨论】：

对，它在代码笔中的工作方式与此类似，但在我的代码中则不然。这就是我感到困惑的地方。如果您将我的代码复制并粘贴到 html 文件中并运行它，您会发现它不起作用。
您是否知道我可以在哪里找到有关我可以添加到这个 material_chip 函数的哪些选项的文档？这就是我能找到的全部内容：materializecss.com/chips.html 但不仅这些选项不起作用，而且对我有用的选项（例如 autocompleteData）也没有列出。