时间戳

首页 > 解决方案 > 物化下拉菜单

javascript - 物化下拉菜单

问题描述

所以我在物化 js 方面遇到了一个非常烦人的问题，我无法让我的下拉菜单工作。

我的模式工作正常，与我的可折叠产品一样。我以与我的 js 中的模态相同的方式初始化它，如下所示：

$(document).ready(function () {
    $('.collapsible').collapsible();
    $('.modal').modal();
    $('.dropdown-trigger').dropdown();
});

在我的 HTML 中，我有这个：

   <!-- Dropdown Trigger -->
   <a class='dropdown-trigger btn' href='#' data-target='dropdown1'>Drop Me!</a>

   <!-- Dropdown Structure -->
   <ul id='dropdown1' class='dropdown-content'>
     <li><a href="#!">one</a></li>
     <li><a href="#!">two</a></li>
     <li class="divider" tabindex="-1"></li>
     <li><a href="#!">three</a></li>
     <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
     <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
   </ul>

是的，我确实包括了物化 css 和 js，如下所示：

  <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css"media="screen,projection"/>
  <script type="text/javascript" src="  https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>

这狗屎一直在唠叨我一整天，我不知道为什么。我已经查找了很多 stackoverflow 线程，但没有一个有帮助。希望有人可以在这件事上帮助我。

亲切的问候，卢卡斯。

标签： javascripthtmljquerycssmaterialize

解决方案

推荐阅读