Question

使用Foundation 4，导航栏无法呈现下拉项目，即使它们在html中列出

    <li class="has-dropdown"><a href="/#">Gallery</a>
      <ul class="dropdown">
        <li><a href="/galleria_categoris/1">liposuzione</a></li>
      </ul>
    </li>

此jsfiddle具有相关代码。我认为对css文件和js的引用是正确的（在jsfiddle中，topbar脚本是第466行）;相同的文件用于另一个功能实例......

Answer 1

下拉标题必须取消等级才能弹出项目

<li class="has-dropdown  not-click">

不在文件AFAICT ......

Answer 2

这是一个jsfiddle with the foundation 4工作顶部栏，带有下拉列表。

你的HTML结构是正确的..它只是你的小提琴，没有工作..

 <li class="has-dropdown"><a href="#">Main Item 3</a>

    <ul class="dropdown">

      <li><a href="#">Dropdown Level 1b</a></li>
      <li><a href="#">Dropdown Level 1c</a></li>
      <li class="divider"></li>
      <li><a href="#">Dropdown Level 1d</a></li>
      <li><a href="#">Dropdown Level 1e</a></li>
      <li><a href="#">Dropdown Level 1f</a></li>

    </ul>
  </li>

Fondation 4导航通过顶栏不渲染下拉列表

2 个答案: