基础4导航通过顶栏不呈现下拉

Fondation 4 navigation via top-bar not rendering dropdown

本文关键字：导航 基础      更新时间：2023-09-26

使用foundation4时，导航栏无法呈现下拉列表项，即使它们列在html

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

这个文件有相关的代码。引用css文件和js我相信是正确的(在jsfiddle的顶栏脚本是作为第466行);

下拉标题必须采用class not-click才能弹出

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

不在文档中AFAICT…

这是一个使用下拉菜单的基础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>
相关文章：