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

fra*_*srv 4 zurb-foundation

我正在尝试从 Foundation 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>
Run Code Online (Sandbox Code Playgroud)

谢谢

小智 6

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

<body>
  ...
  <script>
    $(document).foundation();
  </script>
</body>
Run Code Online (Sandbox Code Playgroud)