顶部栏下拉菜单在 Foundation 6.2.4 中不起作用

Question

第一次尝试在此站点上实现下拉菜单，但遇到了一些问题。可能是我遗漏了什么，但我已经看了一段时间了，看不出有什么问题！

下面是我页面上代码的副本（我从这里复制：https://foundation.zurb.com/sites/docs/top-bar.html）

      <div class="top-bar">

        <div class="top-bar-title">
<span data-responsive-toggle="responsive-menu" data-hide-for="medium" style="display: none;">
<button class="menu-icon dark" type="button" data-toggle=""></button>
</span>
            <Strong>Polaris CI Performance Board</Strong>
        </div>
        <div id="responsive-menu">
            <div class="top-bar-left">
                <ul class="dropdown menu" data-dropdown-menu>
                    <li>
                        <a href="#">One</a>
                        <ul class="menu vertical">
                            <li><a href="#">One</a></li>
                        </ul>
                    </li>
                    <li role="menuitem"><a href="#">Two</a></li>
                    <li role="menuitem"><a href="#">Three</a></li>
                </ul>
            </div>
            <div class="top-bar-right">
            </div>
        </div>

    </div>

正如您从屏幕截图中看到的那样，下拉列表未压缩：

Answer 1

下拉菜单（或任何使用 JavaScript 的组件，您可以通过数据属性识别）需要在页面上初始化 Foundation JavaScript。您的屏幕截图看起来不是运行...请确保您的 <body> 标签底部有

<script src="js/vendor/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script>
   $(document).foundation();
</script>

参见例如http://foundation.zurb.com/sites/docs/installation.html#html-starter-template

顶部栏下拉菜单在 Foundation 6.2.4 中不起作用

Top Bar Drop Down not working in Foundation 6.2.4

html

css

zurb-foundation