物化下拉列表不仅仅适用于PC

时间:2015-10-06 04:13:25

标签: javascript jquery html css

我努力工作(每周1小时)来实施Materialize by Google的网页。我放了一个像页面示例的导航栏但是(大但是)当我想显示用户无法工作的下拉菜单时。也许是我的错误。代码

<!-- Dropdown Structure -->
    <ul id="dropdown1" class="dropdown-content">
      <li><a href="#!">one</a></li>
      <li><a href="#!">two</a></li>
      <li class="divider"></li>
      <li><a href="#!">three</a></li>
    </ul>
    <nav>
      <div class="nav-wrapper layer">
        <a href="#!" class="brand-logo">Tablero</a>
        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul class="right hide-on-med-and-down">
          <li><a href="sass.html">Sass</a></li>
          <li><a href="badges.html">Components</a></li>
          <li><a href="collapsible.html">Javascript</a></li>
          <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Cagatay<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
        <ul class="side-nav" id="mobile-demo">
          <li><a href="sass.html">Sass</a></li>
          <li><a href="badges.html">Components</a></li>
          <li><a href="collapsible.html">Javascript</a></li>
          <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Cagatay<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
      </div>
    </nav>

在浏览器控制台中:未找到错误。我不知道这个问题是什么。哦,一件小事:当调整移动设备窗口的大小时,下拉菜单工作精细!问题出在正常模式(计算机方式)。

如果你知道发生了什么:帮助我,谢谢。

P / D:我启用了这样的下拉列表

$(".dropdown-button").dropdown();

0 个答案:

没有答案