Question

我正在尝试从基金会5下载内容：http://foundation.zurb.com/docs/components/dropdown.html，但它不会像你在这个小提琴上看到的那样工作：http://jsfiddle.net/AQGd9/2/。基本上，单击链接时内容不会出现。

<a href="#" data-dropdown="drop2">Has Content Dropdown</a>
    <ul id="drop2" class="f-dropdown content" data-dropdown-content>
      <li><a href="#">This is a link</a></li>
      <li><a href="#">This is another</a></li>
      <li><a href="#">Yet another</a></li>
    </ul>

由于

Answer 1

我现在遇到同样的问题。文档说你需要包含javascript所需的文件，有两种方法可以做到：

1）所有Js（核心+插件）：foundation.min.js

2）只有核心，并根据需要添加插件：foundation.js + foundation.dropdown.js（在本例中）。

所以，启动基金会Js：

$(document).foundation();

来源：Foundation 5 Js Doc

这项工作适合我。

Answer 2

您需要在body结束之前使用这段代码显式初始化基础，如下所示：

<body>
  ...
  <script>
    $(document).foundation();
  </script>
</body>

基础5：下拉内容不起作用

2 个答案: