Dropdown button - materializecss framework

Question

Я пытаюсь создать выпадающую кнопку, но она работает некорректно, так как кнопка работает на мобильных устройствах, но на рабочем столе нет. Это код:

init.js

(function($){ 
    $(function(){ 

    $('.button-collapse').sideNav(); 
    $('select').material_select(); 
    $('.dropdown-button').dropdown(); 

    }); // end of document ready 
})(jQuery); // end of JQuery name space 

HTML код

<ul id="dropdown2" class="dropdown-content"> 
    <li><a href="#">Ustawienia</a></li> 
    <?php if($this->session->userdata('u_group') > 1) { ?> 
    <li><a href="#">Panel administratora</a> 
</li> 
    <?php } ?> 
</ul> 

<li><a class="dropdown-button" href="#!" data-activates="dropdown2"><?php echo $this->session->userdata('u_nick'); ?><i class="material-icons right">arrow_drop_down</i></a></li> 

Answer 1

Я думаю, вам нужно добавить btn класс к тегу, который имеет dropdown-button класс. Тогда это сработает. Вот codepen

HTML

<ul id="dropdown2" class="dropdown-content"> 
    <li><a href="#">Ustawienia</a></li> 
    <li><a href="#">Panel administratora</a></li> 
</ul> 

<li> <!-- Add btn class to a tag --> 
    <a class="dropdown-button btn" href="#!" data-activates="dropdown2">Dropdown 
    <i class="material-icons right">arrow_drop_down</i> 
    </a> 
</li>