小编Spe*_*eod的帖子

Materialise 的下拉菜单不起作用

所以我遵循了两种不同的方法来创建带有 Materialize CSS 的下拉菜单(使用他们的文档:https : //materializecss.com/navbar.html & https://materializecss.com/dropdown.html),但我不能要么去上班。我也在这里巡视并发现了类似的问题,但似乎没有一个能完全解决我的问题,所以这里是......

我正在尝试使用 Meteor & Materialize 为 web 应用程序制作移动菜单。这是我的一些代码:

<ul id="dropdown" class="dropdown-content">
    <li><a href="#">EMPOWER YOUR BUSINESS!</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
</ul>
<ul class="hide-on-med-and-up">
    <li><a class="dropdown-trigger" data-target="dropdown">
        <i class="material-icons">menu</i></a>
    </li>
</ul>
<script>
    $(document).ready(function(){
        $('.modal').modal();
        $('.dropdown-trigger').dropdown();
    });
</script>
Run Code Online (Sandbox Code Playgroud)

我已经包含<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">在 head 中,上面代码中的 jQuery 调用就在结束 body 标记之前。

任何帮助将非常感激。

materialize drop-down-menu dropdown

7
推荐指数
1
解决办法
2万
查看次数

标签 统计

drop-down-menu ×1

dropdown ×1

materialize ×1