下拉按钮 - materializecss框架

时间:2016-11-01 07:56:49

标签: html css materialize

我试图制作一个下拉按钮,但它无法正常工作,因为按钮在移动设备上工作,但在台式机上却没有。这是代码:

init.js

modalresult:=mrok;

html代码

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

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

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

1 个答案:

答案 0 :(得分:0)

我认为您需要将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>