<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="#">Welcome</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="has-dropdown">
<a href="#">Hello, User</a>
<ul class="dropdown">
<li><a href="#">Settings</a></li>
<li class="active"><a href="#">Log Out</a></li>
</ul>
</li>
</ul>
</section>
</nav>
我有两个问题。
- 下拉菜单无法在全屏模式下使用。悬停/点击“你好,用户!”对我没有任何作用。当我检查元素时,下拉菜单似乎给出了 -100% 的定位。
section class="top-bar-section" style="left: -100%;
2. 当我调整屏幕大小时,菜单文本和图标出现,但“Hello, User”出现在其下方,而不是仅在您单击“菜单”时出现。点击菜单什么都不做。
任何帮助将不胜感激!
最佳答案
您的基础代码 100% 正确。看起来好像您缺少下拉菜单所依赖的 JQuery,或者它没有正确触发。请调查一下,如果您仍然有问题,请发布您的整个代码页面,包括 head 标签。
关于html - Zurb Foundation 顶部栏下拉菜单和菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28885687/