个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
大多数人都在谈论展开栏时的下拉菜单当您将浏览器窗口调整为手机大小时，我说的是菜单。你应该能够在菜单上并且项目列表应该下拉 http://foundation.zurb.com/docs/components/topbar.html代码来自此页面(第二个示例)。如果您重新调整它应该显示菜单和下拉项目。
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
<script src="js/vendor/custom.modernizr.js"></script>
<script src="js/jquery.js"></script>
<script src="js/foundation.js"></script>
<script src="js/foundation.dropdown.js"></script>
<meta charset="utf-8">
<title>Gideon Sassoon</title>
</head>
<body>
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">My Site</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href=""><span>Menu</span>
</a>
</li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="#">Right Nav Button Active</a></li>
<li class="has-dropdown not-click">
<a href="#">Right Button with Dropdown</a>
<ul class="dropdown">
<li><a href="#">First link in dropdown</a></li>
</ul>
</li>
</ul>
</section>
</nav>
<script>$(document).foundation();</script>
</body>
</html>
好的，所以代码是正确的，我已经检查过了，一个 friend 也检查过了。澄清一下，我不是指带下拉菜单的右键。这工作得很好。
最佳答案
如果我没理解错的话，您希望“移动模式”下的顶部栏菜单按钮在悬停在此处时下拉
用鼠标。
在这种情况下，顶部栏按设计工作 - 移动触摸设备上没有悬停，因此它仅在移动模式下对触摸/点击使用react。
编辑:
我现在了解到您的问题是单击“菜单”切换按钮会重新加载页面。您似乎忘记了包含 Foundation topbar 脚本:
<script src="js/foundation.js"></script>
<script src="js/foundation.dropdown.js"></script>
<script src="js/foundation.topbar.js"></script>
关于javascript - Zurb Foundation topbar 菜单栏下拉菜单不起作用(手机尺寸一)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20719303/
25
4
0
是否可以在dashboardHeader旁边的水平栏中放置一些项目？我知道您可以像在this example中一样将notificationItem放在最右边。但是我想使用与dashboardSide
我有一个 UINavigationController，其中 Root View 不通过 显示顶部导航栏 [[self navigationController] setNavigationBarHi
我喜欢使用与苹果 iOS6 Appstore 顶部栏相同的色调。 但我无法找到正确的颜色。我尝试了很多颜色，但没有一个是正确的。 有人知道吗？ 最佳答案 您可以通过将导航栏的色调设置为黑色来实现此目的
我知道我的问题可能有解决方案，但因为它是一个特定的代码，我决定发帖寻求帮助，所以让我们开始吧 我有一个顶部栏(如横幅)需要跟随滚动但它不会停留在一个位置并且不会移动我已经尝试过 position:fi
类似于http://m.huffpost.com/us顶栏 编辑:我正在尝试创建一个“响应式菜单”ICON(左对齐)和一些 TEXT 居中在顶部的栏中 我的尝试显然不起作用: Ce
我的网站上有一个#top 栏。它始终在顶部可见，并随着用户滚动而移动。它工作正常。现在，如果滚动条位置为 > 0，我想在 #top bar only 上显示阴影。如果用户转到顶部，它必须消失。 #to
我在我的 Rails 应用程序中使用 zurb foundation 并设置了我的顶部栏，如 http://foundation.zurb.com/docs/components/topbar.htm
它们实际上不在实际的 Zurb 站点上，不完整。 如果你去这里:http://foundation.zurb.com/docs/components/topbar.html ans 滚动到内置组件，您
我在向 Twitter Bootstrap 框架添加下拉菜单时遇到问题。添加下拉列表后，它会扩展整个顶部栏的高度，这就是我要修复的问题。 页面 URL 是 http://locabikes.de/ 如
已关闭。此问题需要 debugging details 。目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and the
我想在中小屏幕尺寸中显示菜单按钮并折叠顶部栏，而不仅仅是像默认行为那样以小尺寸显示。 我尝试了一些设置: $topbar-breakpoint: #{upper-bound($large-range)
刚开始用Expo学习React Native，尝试实现顶栏导航。 // screens/Home.tsx function Home() { return ( Home Sc
我有一个带有顶栏菜单的 php、jquery、foundation 电子商务网站，当文档准备就绪时，我执行 ajax 调用以获取顶部图像和菜单中每个类别的描述。 顶级图像不会每天发生变化，因此我可以将
我运行一个 MediaWiki 站点，该站点使用 Topbar extension 。我最近将安装从 MediaWiki 的主分支升级到了前沿版本:版本 1.28.0-alpha (91e56cc)。
我正在使用这个主题 http://demo.themeum.com/wordpress/educon/并且需要编辑红色顶部栏，使其看起来像图像 我试图在 Walker_Nav_Menu 类中对其进行编
我的网站上有一个粘性顶部栏。它在 Large 和 Medium 上工作正常，但当它变小时，它会发展出 54px 的高度。我将 class sticky-container 设置为 height: 0;
我希望能够单击顶部栏中的链接以显示不同的内容。我是否需要在顶部栏中的每个标签上明确使用数据切换器？这看起来很疯狂。有没有更简单的方法来实现我正在寻找的导航？类似于 uikit 的切换器？提前致谢，因为
我想要一个在非触摸设备上悬停并在触摸设备上点击的顶部栏。 我是这样实现的: 但是，必须有一种更简洁的方法来做到这一点，而无需将整个菜单重复两次，我已
大多数人都在谈论展开栏时的下拉菜单当您将浏览器窗口调整为手机大小时，我说的是菜单。你应该能够在菜单上并且项目列表应该下拉 http://foundation.zurb.com/docs/compone
我有这个(使用 Twitter Bootstrap css 表): BrandTest 它没有在顶部显示
我是一名优秀的程序员,十分优秀！