Использование кнопки выпадающего меню и материализации

Question

Я создаю веб-сайт, который использует Materialize. У меня есть следующий код:

<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 
} 
);