我正在制作一个使用 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。我必须刷新页面,它工作正常。
我该如何解决这个问题?
最佳答案
您是否激活了下拉菜单?我知道文档说你只有在动态创建它们时才需要这样做,但无论如何我都必须这样做。我将其归因于 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
}
);
关于html - 使用下拉按钮和物化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30228243/