css - Foundation 4 顶栏下拉菜单不下拉

标签 css zurb-foundation

我不太确定发生了什么,但任何对该框架有经验的人都可以提供帮助,这是页面: http://broadcasted.tv/testdesign.php

这是代码(根据 http://foundation.zurb.com/docs/components/top-bar.html 似乎没问题):

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

      <ul class="dropdown">
        <li class="has-dropdown"><a href="#">Dropdown Level 1a</a>


        </li>

      </ul>
  </li>

谁能告诉我问题出在哪里?

最佳答案

哈哈!!!我有同样的问题。添加了 Lib,并检查了所有内容。然后我意识到我没有在页面准备就绪时初始化基础。我在该页面上有轨道 slider 和下拉菜单,因此必须对两者进行初始化。 $(文档).foundation('下拉'); $(文档).foundation('轨道');

你可以初始化一切 $(文档).foundation(); 但我更喜欢微观管理我的代码:)

希望这对您有所帮助。

关于css - Foundation 4 顶栏下拉菜单不下拉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17231074/

相关文章:

css - 如何在单击而不是悬停事件时制作 Foundation 菜单下拉菜单?

html - 如何使列表和段落内联和 float 正确?

html - Bootstrap : stretch the content div in the center

javascript - 如何在使用(基于 webpack 的)ZURB Foundation Framework 时通过 jQuery AJAX 从 PHP 脚本中检索数据?

zurb-foundation - Zurb 4 个可单独滚动的部分

html - 基础框架 : How can I get multiple links in a mobile drop-down to be horizontally aligned and not stacked?

html - 小列/行问题

javascript - openlayers3 - 将节点设置为 ol.control.FullScreen 控件的标签

html - Canvas 外菜单未填满页面的整个高度

html - 如何在不使用背景图像的情况下获得背景磨砂玻璃效果