使用下拉按鈕和物化

Question

我正在製作使用物化的網站。 我有以下代碼：

<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

您是否激活了下拉菜單？我知道文檔說你只需要動態創建它們，但我必須反正。儘管你對刷新的體驗似乎很熟悉，但我還是認爲它與角度整合有些奇怪。從文檔：

$('.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 
} 
);