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

Question

我不确定发生了什么，但任何有框架经验的人都可以提供帮助，这是页面： 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>

任何人都可以告诉我问题是什么？

Answer 1

哈哈！！！我遇到了同样的问题。添加了库，并检查了所有内容。然后我意识到我没有在页面准备好时初始化基础。我在该页面上有轨道滑块和下拉菜单，因此必须初始化两者。$(document).foundation('dropdown'); $(document).foundation('orbit');

您可以使用 $(document).foundation() 初始化所有内容；但我更喜欢对我的代码进行微观管理:)

希望这有帮助。

Answer 2

你需要链接javascripts

确保您已链接 jquery、基础 javascript 文件和 app.js 等。

Answer 3

只需更新您的 js 文件。每次更新 gem 时也需要更新 js 文件。

Answer 4

我尝试了@talha 的建议，但没有奏效。我正在使用 Foundation 5 并使用以下代码帮助了我。试试看：

 <script>
$(document).foundation('topbar');
  $(document).foundation('orbit',{
    //orbit options
  });
</script>