0

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

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

  <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>

当我缩小浏览器窗口并达到“小”窗口大小时，菜单会从页面上消失。知道我在做什么错吗？

4

2 回答 2

2

@Xarcell，我不只是出于这个原因使用 Foundation。我正在建立一个响应式网站，这就是我使用 Foundation 的原因。提到的问题只是我在这个框架中遇到的问题之一。顺便说一句：Foundation-4 是 Zurb 的响应式网页设计框架。

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

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

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

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

希望这可以帮助其他有类似问题的人。

于 2013-04-29T06:49:32.067 回答
0

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

  1. 您尚未将 jQuery 文件链接到页面。
  2. 您尚未将 zurb 基础文件链接到该页面。
  3. 如果你已经应用了这两个，那么去这里： http: //foundation.zurb.com/templates.php 下载一个模板查看他们的代码并与你的代码进行比较以检查错误。
于 2013-04-28T19:10:38.240 回答