Question

我已经下载了基础6，zipped文件夹附带了foundation.js，foundation.min.js jquery.js，foundations.css，foundation.min.css。我尝试实现下拉按钮，但是，他们没有工作，我不知道为什么。

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Home</title>
        <link rel="stylesheet" href="../css/foundation.css"/>
        <script src="../js/vendor/jquery.js"></script>
        <script src="../js/vendor/foundation.js"></script>
    </head>

    <body>
        <script>$(document).foundation();</script>
        <button href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</button><br>
        <ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true">
            <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>
    </body>
</html>

我真的不知道为什么这不起作用。拜托，帮助我！

（注意：上面的下拉代码摘自官方文档网站http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.html）

Answer 1

您使用的是与基础5.5.3相关的代码，但基础是6个核心文件。请查看此链接以供参考：http://foundation.zurb.com/sites/docs/button.html

如果正在加载foundation.min.js并且控制台中没有错误，请检查您的开发人员工具。

Zurb Foundation 6：下拉按钮和链接无法正常工作

1 个答案: