Question

我直接使用基础文档中的代码，但不知何故它不适用于我。

这就是我编写代码的方式：

  <nav class="top-bar">
    <ul class="title-area">
        <li class="toggle-topbar menu-icon"><a href="#"><span>MENU</span></a></li>
    </ul>
    <section class="top-bar-section" style="left: 0%;">
    <!-- Left Nav Section -->
        <ul class="left">
          <li class="active"><a href="#">Main Item 1</a></li>
          <li class="active"><a href="#">Main Item 1</a></li>
          <li class="active"><a href="#">Main Item 1</a></li>
         </ul>
    </section>
</nav>

当我缩小浏览器窗口并达到“小”窗口大小时，菜单将从页面中消失。我知道自己做错了什么？

Answer 1

@Xarcell，我不是因为这个原因而使用基金会。我正在建立一个响应式网站，这就是我使用Foundation的原因。提到的问题只是我面对这个框架的问题之一。 BTW：Foundation-4是Zurb的响应式网页设计框架。

@Dawood Awan，jQuery和Foundation正确链接。其余的功能都运行良好，所以我知道它的链接。我面临的问题是菜单本身。

我自己回答这个问题，因为我解决了这个问题。

文档提到下面提到的代码是可选的，因此我没有使用它。但似乎我必须使用它（即使它的空白）来使我的菜单工作。

<li class="name">
  <h1></h1>
</li>

希望这有助于其他类似问题。

Answer 2

我不知道这些代码行可能会出现什么问题。但这可能是一些问题：

您尚未将jQuery文件链接到该页面。
您尚未将zurb基础文件链接到该页面。
如果您已应用这两项内容，请转到此处：http://foundation.zurb.com/templates.php下载模板查看其代码并与您的代码进行比较以检查错误。

Foundation-4 Collapsed菜单不会出现

2 个答案: