Кнопка выпадающего списка — materializecss framework

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

в этом.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>

1 ответ

  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>