如何修复：实现导航栏下拉菜单不起作用

Question

我正在使用Laravel 6，并与jQuery一起使用Materialize CSS。 我制作的navbar下拉菜单之一（显示在代码中）给了我以下错误（显示在图片中）

我尝试通过在jQuery中获取类名和ID名称来尝试，但都没有用。`

导航栏下拉列表：

<a class="dropdown-trigger"
id="dropdown-init"
data-target="dropdown"
href="{{ route('login') }}"> {{ __('Login') }} </a>

下拉内容：

<ul class="dropdown-content" id="dropdown">
  <li>
    <form action="{{ route('logout') }}" method="POST">
      @csrf
        <button class="btn green darken-4 white-text" type="submit">
          {{ __('Logout') }}
        </button>
    </form>
  </li>
</ul>

jQuery初始值设定项：

$(document).ready(function(){
  $('.dropdown-trigger').dropdown();
});

错误：

Answer 1

  <!-- Dropdown Trigger -->
  <a class='dropdown-trigger btn' href='#' data-target='dropdown1'>Drop Me!</a>

  <!-- Dropdown Structure -->
  <ul id='dropdown1' class='dropdown-content'>
    <li><a href="#!">one</a></li>
    <li><a href="#!">two</a></li>
    <li class="divider" tabindex="-1"></li>
    <li><a href="#!">three</a></li>
    <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
    <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
  </ul>

查看“物化”文档，您遇到的错误是因为您更改了物化ID和类。您无法更改它们，因为那里有用于特定功能的变量。

很明显，替换它们会引发错误，因为您已用角度代码替换了它。我建议您在可以使用的功能上进行测试并在evreytime上进行测试，当它中断时，您将知道所使用的代码是必不可少的。

祝你好运！