Jquery 物化导航栏下拉列表/侧栏下拉列表不能一起工作
我的导航栏工作正常,有一个下拉菜单,我的手机侧栏也工作正常,但这似乎是一个非此即彼的情况。 如果我在侧边栏中对下拉列表进行了编码,那么当窗口全屏且导航栏可见时,我无法单击使下拉列表正常工作。 如果我取出侧边栏中下拉列表的代码,那么导航栏会再次正常工作。 有谁能解释一下如何让这两种方法都起作用吗? 我肯定我错过了一些非常明显的东西,但我整个晚上都在网上搜寻,我几乎要为此大发雷霆了。 谢谢 我的代码是:Jquery 物化导航栏下拉列表/侧栏下拉列表不能一起工作,jquery,html,css,frameworks,materialize,Jquery,Html,Css,Frameworks,Materialize,我的导航栏工作正常,有一个下拉菜单,我的手机侧栏也工作正常,但这似乎是一个非此即彼的情况。 如果我在侧边栏中对下拉列表进行了编码,那么当窗口全屏且导航栏可见时,我无法单击使下拉列表正常工作。 如果我取出侧边栏中下拉列表的代码,那么导航栏会再次正常工作。 有谁能解释一下如何让这两种方法都起作用吗? 我肯定我错过了一些非常明显的东西,但我整个晚上都在网上搜寻,我几乎要为此大发雷霆了。 谢谢 我的代码是: <!-- Dropdown Structure--> <ul id="
<!-- Dropdown Structure-->
<ul id="dropdown1" class="dropdown-content">
<li><a href="upperbody.html">Upper Body</a></li>
<li><a href="lowerbody.html">Lower Body</a></li>
<li><a href="core.html">Core</a></li>
<li><a href="conditioning.html">Conditioning</a></li>
<li class="divider"></li>
</ul>
<nav class="teal">
<div class="nav-wrapper container">
<a href="#!" class="brand-logo">Fit4Rugby</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 class="active"><a href="index.html">Home</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Exercises<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a href="routines.html">Routines</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="store.html">Store</a></li>
</ul>
<!--Side Bar Popout-->
<ul class="side-nav" id="mobile-demo">
<li><a href="index.html">Home</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Exercises<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a href="routines.html">Routines</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="store.html">Store</a></li>
</ul>
</div>
</nav>
最终成功实现了这一点,以防有人在谷歌上偶然发现这一点。 复制了下拉结构并给它id dropdown2,然后在移动侧边栏中对其进行了更改,使data activates=dropdown2。现在我想起来似乎很简单