0

在网站上使用 Zurb Foundation 3。主导航是基本设置，其中包含一些具有“已弹出”的项目。下面是来自我网站的示例代码。

<ul class="nav-bar">
  <li><a href="{site_url}">Home</a></li>
  <li><a href="">Pay Bill</a></li>
  <li class="has-flyout">
<a href="#">Our Practice</a>
<ul class="flyout">
  <li><a href="#">Sub Nav Item 1</a></li>
  <li><a href="#">Sub Nav Item 2</a></li>
  <li><a href="#">Sub Nav 3</a></li>
    </ul>
  </li>
  <li class="has-flyout">
<a href="#">Pediatrics</a>
<ul class="flyout">
  <li><a href="#">Sub Nav Item 1</a></li>
  <li><a href="#">Sub Nav Item 2</a></li>
  <li><a href="#">Sub Nav 3</a></li>                      
</ul>
  </li>         
</ul>

它遵循与 Foundation 3 文档相同的结构。页面底部我正在调用所需的 js 文件：

<script src="/assets/javascripts/jquery.js"></script>
<script src="/assets/javascripts/foundation.min.js"></script>
<script src="/assets/javascripts/jquery.foundation.navigation.js"></script>
<!-- Initialize JS Plugins -->
<script type="text/javascript" src="/assets/javascripts/app.js"></script>

不知道为什么它不起作用，所以任何建议都会很棒！

4

1 回答 1

0

您是否尝试过更新到版本 4？它首先是移动的，可能会解决这个问题

于 2013-07-08T13:00:15.210 回答