gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 09:28:41 25 4
gpt4 key购买 nike

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

下面是我页面上代码的副本(我从这里复制: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>

正如您从屏幕截图中看到的那样,下拉列表未压缩: Screenshot of index.html

最佳答案

下拉菜单(或任何使用 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

关于html - 顶部栏下拉菜单在 Foundation 6.2.4 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40935063/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com