Question

我正在尝试使用Foundation中的子菜单项设置顶部菜单的样式。代码似乎是正确的，但子菜单项在页面刷新时不断破坏顶部栏的样式，然后在javascript加载时进入（隐藏在顶部菜单项下）。

docs在下拉箭头上显示FOUC，但不在列表项目本身上。

代码：

<div class="top-bar">
<ul class="dropdown menu" data-dropdown-menu>
  <li class="is-dropdown-submenu-parent">
    <a href="#">Item 1</a>
    <ul class="menu">
      <li><a href="#">Item 1A</a></li>
      <li><a href="#">Item 1B</a></li>
      <li><a href="#">Item 1C</a></li>
      <li><a href="#">Item 1D</a></li>
      <li><a href="#">Item 1E</a></li>
      <li><a href="#">Item 1F</a></li>
      <li><a href="#">Item 1G</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>
</div>

Codepen：https://codepen.io/anon/pen/gRowMw

这种闪烁也发生在官方编码器上：https://codepen.io/IamManchanda/pen/XRYWPO

FOUC在基础顶部栏下拉菜单中

0 个答案: