基金会顶栏下拉列表无效(Foundation Top-bar dropdown not working)
我一直试图让一个菜单有一个下拉菜单,但是我得到的就是这个(历史链接应该是about选项卡下的一个下拉菜单):
我已经包含在所有的javascript文件中,并初始化它们,我真的无法理解发生了什么。 有任何想法吗? 网站链接: http : //mvcsf.com/new/
码:
<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </nav>非常感谢!
I've been trying to get a menu have a dropdown menu, however all I get is this (the history link is supposed to be a dropdown menu under the about tab):
I've included in all the javascript files, and initialized them and I really can't understand what's going on. Any ideas? Website link: http://mvcsf.com/new/
Code:
<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </nav>Thank you so much!
最满意答案
看起来你错过了你的“正确”ul之前的章节标签。
<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <section class="top-bar-section"> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </section> </nav>Looks like you're missing your section tags before your "right" ul.
<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <section class="top-bar-section"> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </section> </nav>更多推荐
发布评论