Materialize ECSS中的多链路下拉问题
我正在使用MaterializeCSS 1.0.0-rc.2。我的下拉列表有问题。同一个下拉菜单链接到导航栏和侧导航,但其中只有一个在工作,下一件事是当鼠标悬停或单击时,它应该位于导航栏或链接下方。我该怎么做请帮助?Materialize ECSS中的多链路下拉问题,materialize,Materialize,我正在使用MaterializeCSS 1.0.0-rc.2。我的下拉列表有问题。同一个下拉菜单链接到导航栏和侧导航,但其中只有一个在工作,下一件事是当鼠标悬停或单击时,它应该位于导航栏或链接下方。我该怎么做请帮助? 我认为它不适用于导航栏和侧栏中的相同下拉结构。制作两个下拉结构可以解决您的问题 <nav> <div class="nav-wrapper"> <a href="#!" class="brand-logo">Logo<
我认为它不适用于
导航栏
和侧栏
中的相同下拉结构。制作两个下拉结构可以解决您的问题
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">Logo</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger">
<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 class="dropdown-trigger" href="#!" data-target="dropdown1">Dropdown
<i class="material-icons right">arrow_drop_down</i>
</a>
</li>
</ul>
</div>
</nav>
<ul id="dropdown1" class="dropdown-content">
<li>
<a href="#!">one</a>
</li>
<li>
<a href="#!">two</a>
</li>
<li>
<a href="#!">three</a>
</li>
</ul>
<ul id="dropdown2" class="dropdown-content">
<li>
<a href="#!">one</a>
</li>
<li>
<a href="#!">two</a>
</li>
<li>
<a href="#!">three</a>
</li>
</ul>
<ul class="sidenav" id="mobile-demo">
<li>
<a href="sass.html">Sass</a>
</li>
<li>
<a href="badges.html">Components</a>
</li>
<li>
<a class="dropdown-trigger2" href="#" data-target="dropdown2">Dropdown
<i class="material-icons right">arrow_drop_down</i>
</a>
</li>
</ul>
<script>
$(document).ready(function () {
$(".dropdown-trigger").dropdown({
hover: true
});
$(".dropdown-trigger2").dropdown();
$('.sidenav').sidenav();
});
</script>
-
-
-
-
-
-
-
-
-
-
-
-
$(文档).ready(函数(){
$(“.dropdown触发器”).dropdown({
悬停:对
});
$(“.dropdown-trigger2”).dropdown();
$('.sidenav').sidenav();
});
添加一些代码和图像显示问题告诉我们你做了什么/尝试了什么我已经修改了帖子。请看一看。ThanksHi@Sagar,请不要将代码作为图像发布,因为这会让你的问题很难重现。没有人会想把你的图像输入代码。请参阅此处了解更多信息:请不要以图像形式提供文本信息。