Question

我正在使用Zurb Foundation 4，我的顶部栏导航没有下降。我知道我的文件正确链接，我没有收到任何控制台错误，并且在调整浏览器大小时我的div已经到位，这意味着我的Foundation文件正确链接。当我调整到某一点时，我的顶栏甚至会崩溃，这就是我想要的。

下拉菜单不起作用。当我折叠我的导航然后点击它尝试扩展时，没有任何反应，当我只是翻转我的按钮时，根本没有任何事情发生。

目：

  <script src="jquery-1.10.2.min.js"></script>
  <script src="js/foundation.min.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>

身体菜单

<section class="top-bar-section">

  <!-- Right Nav Section -->
  <ul class="right">
    <li class="divider"></li>
    <li class="has-dropdown">
      <a href="#">Main Item 4</a>
      <ul class="dropdown">
        <li><label>Section Name</label></li>
        <li class="has-dropdown">
          <a href="#" class="">Has Dropdown, Level 1</a>
          <ul class="dropdown">
            <li><a href="#">Dropdown Options</a></li>
            <li><a href="#">Dropdown Options</a></li>
            <li class="has-dropdown">
              <a href="#">Has Dropdown, Level 2</a>
              <ul class="dropdown test">
                <li><a href="#">Subdropdown Option</a></li>
                <li><a href="#">Subdropdown Option</a></li>
                <li><a href="#">Subdropdown Option</a></li>
              </ul>
            </li>
            <li><a href="#">Subdropdown Option</a></li>
            <li><a href="#">Subdropdown Option</a></li>
            <li><a href="#">Subdropdown Option</a></li>
          </ul>
        </li>
        <li><a href="#">Dropdown Option</a></li>
        <li><a href="#">Dropdown Option</a></li>
        <li class="divider"></li>
        <li><label>Section Name</label></li>
        <li><a href="#">Dropdown Option</a></li>
        <li><a href="#">Dropdown Option</a></li>
        <li><a href="#">Dropdown Option</a></li>
        <li class="divider"></li>
        <li><a href="#">See all &rarr;</a></li>
      </ul>
    </li>
    <li class="divider"></li>
    <li><a href="#">Main Item 5</a></li>
    <li class="divider"></li>
    <li class="has-dropdown">
      <a href="#">Main Item 6</a>
      <ul class="dropdown">
        <li><a href="#">Dropdown Option</a></li>
        <li><a href="#">Dropdown Option</a></li>
        <li><a href="#">Dropdown Option</a></li>
        <li class="divider"></li>
        <li><a href="#">See all &rarr;</a></li>
      </ul>
    </li>
  </ul>
</section>

Answer 1

从那以后删除对foundation/foundation.topbar.js的号召 foundation.min.js已包含foundation.topbar.js

的代码

如果您想单独调用这些项目，请致电 foundation/foundation.js（不是分钟）和foundation/foundation.topbar.js

Answer 2

注意，foundation.min.js具有以特殊方式设置的所有参数集：

Foundation.libs.topbar={name:"topbar",version:"5.0.1",settings:{index:0,sticky_class:"sticky",custom_back_text:!0,back_text:"Back",is_hover:!0,mobile_show_parent_link:!1,scrolltop:!0}

我不得不恢复使用单独的文件foundation + foundation.topbar来使其正常运行。

不可否认，我无法解释为什么基础.min文件的设置方式不同。

基金会Zurb 4顶级酒吧不会掉下来

2 个答案: