html - 使用下拉按钮和 Materialize

Question

我正在制作一个使用 Materialise 的网站。我有以下代码：

<ul class="right hide-on-med-and-down">
        <li><a class="dropdown-button" href="#" data-activates="login"><%= t('layouts.navbar_off.login') %><i class="mdi-navigation-arrow-drop-down right"></i></a></li>
    </ul>

和：

<ul id="login" class="dropdown-content">
<li><%= link_to t('layouts.navbar_off.like_school'), new_school_sessions_path %></li>
<li class="divider"></li>
<li><%= link_to t('layouts.navbar_off.like_student'), new_student_sessions_path %></li>

但是当我单击按钮时，只会在 url 中添加一个 #。我必须刷新页面，它工作正常。

我该如何解决这个问题？

Answer 1

你激活下拉菜单了吗？我知道文档说只有在动态创建它们时才需要这样做，但无论如何我都必须这样做。我把它归结为 Angular 集成的一些奇怪之处，尽管你对刷新的体验似乎很熟悉。从文档：

$('.dropdown-button').dropdown({
  inDuration: 300,
  outDuration: 225,
  constrain_width: false, // Does not change width of dropdown to that of the activator
  hover: true, // Activate on hover
  gutter: 0, // Spacing from edge
  belowOrigin: false // Displays dropdown below the button
}
);