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

LOL !!!我遇到了同样的问题。添加了Lib，并检查了所有内容。然后我意识到我没有在页面准备好的情况下初始化基础。我在该页面上有轨道滑块和下拉列表，因此必须初始化两者。（文档）$ .foundation（ '下拉'）; （文档）$ .foundation（ '轨道'）;

您可以使用初始化所有内容（文档）$ .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>

基金会4顶部栏下拉不下降

4 个答案: