如何在Foundation中添加切换导航菜单按钮
在Foundation中添加切换导航菜单按钮可以通过以下步骤实现：
- 在HTML文件中，确保已经引入了Foundation的CSS和JavaScript文件。
- 在导航菜单的HTML结构中，添加一个按钮元素，用于切换导航菜单的显示和隐藏。例如：
<button class="menu-icon" type="button" data-toggle="off-canvas"></button>这里使用了Foundation提供的menu-icon类来创建一个菜单图标按钮，并通过data-toggle属性指定了要切换的导航菜单。
- 在JavaScript中初始化Foundation，并启用导航菜单的切换功能。可以在页面加载完成后调用以下代码：
$(document).foundation();这将初始化Foundation，并使其自动处理导航菜单的切换功能。
- 根据需要，可以通过CSS样式来自定义切换导航菜单按钮的外观。可以使用Foundation提供的CSS类或自定义样式来实现。
使用Foundation添加切换导航菜单按钮的优势是它提供了简单易用的API和丰富的样式库，可以快速实现响应式的导航菜单，并且具有良好的兼容性和可扩展性。
这种切换导航菜单按钮适用于各种网站和应用程序，特别是移动设备上的响应式设计。它可以提供更好的用户体验，使用户可以方便地切换导航菜单，浏览网站的不同部分。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于托管应用程序和网站。
- 云数据库 MySQL 版：提供高性能、可靠的云数据库服务，适用于存储和管理数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大规模的非结构化数据。
- 人工智能平台：提供丰富的人工智能服务和工具，用于构建智能化的应用程序和解决方案。
请注意，以上链接仅为示例，实际使用时应根据具体需求选择适合的腾讯云产品。
相关·内容
1回答
我有一个菜单按钮，当我点击它时，我想要触发一个全屏幕的导航覆盖。然后，当再次单击该按钮时，我希望它消失。
正如你所看到的，我已经设置了菜单按钮动画，我只是不知道如何添加和切换覆盖导航。
谢谢
<header class="container">
<a id="hamburger-icon" href="#" title="Menu">
<span class="line line-1"></span>
<span class
浏览 0提问于2016-04-08得票数 1
1回答
看看下面的。在开始页面"foo“中，您可以看到我们有一个侧菜单，它通过单击左上角的图标或从左向右滑动打开。
如果您现在按下“下一步”按钮导航到下一个视图"bla“，您会注意到在左上角出现了一个新的按钮-后退按钮。太好了！我想要那样！但我也希望能够在侧菜单中滑动，但这是不可能的。我想，当我实现一个边菜单时，它将在所有视图中都是可访问的，我在其中设置了以下内容：
angular.module("starter.bla", [])
.config(function($stateProvider, $urlRouterProvider) {
$statePro
浏览 0提问于2015-07-22得票数 0
回答已采纳
1回答
(TL;DR)
是否可以让jQuery/Javascript监视特定类的元素；如果存在该类，则执行一个函数。如果类不存在，则执行不同的函数。
(全部)
我们有一个使用超级菜单的WordPress主题。菜单被配置为出现在标题下，而不是在标题下面。因此，某些元素很难看到，因此我们创建了一个OnClick事件，当单击主导航链接时，该事件将更改各种标头元素的颜色：
jQuery(document).ready(function() {
jQuery('#main-menu nav ul').click(function(){
jQuery('.cont
浏览 7提问于2022-08-22得票数 0
2回答
我注意到，在许多wordpress主题中使用的引导导航菜单，包括相对常见和免费的Storefront WooTheme，在功能上似乎有些不完整。我最近遇到的一个问题是，当您调整窗口大小，以便在小窗口上获得一个压缩的导航按钮时，然后单击该按钮展开菜单(查看“主页”、“商店”等)，然后当您将窗口大小调整回非常大的尺寸时，导航菜单仍然处于打开状态，它就会消失，因为它仍然处于切换状态。
所以问题是你如何更新你的主题来解决这个问题，这样当你调整窗口大小时，菜单就会关闭？
浏览 0提问于2015-11-11得票数 0
我在同一个UIViewController上使用导航控制器和导航抽屉控制器，但是我不知道如何在单击菜单按钮时打开导航抽屉。有人建议我吗。
浏览 4提问于2016-10-08得票数 1
回答已采纳
我正在钻研JavaScript的世界，对我目前正在经历的一个难题有一个疑问……
我有一个菜单按钮，显示和隐藏在网站上的导航菜单我正在工作的这个菜单按钮，我已经附加了一些JavaScript来‘隐藏’主网站内容时，显示的导航栏是显示和‘显示’的主要内容时，导航栏再次关闭。
我编写的JavaScript确实可以完成这项工作，但我知道它是不正确的，而且不知何故我搞错了！我之所以知道这一点，是因为‘because’和'hide‘元素的脚本计时值都与每个other...making交互，设置动画的时间有点不可预测，无法准确设置。
显示和隐藏导航菜单的菜单按钮附加了以下类：
.menu-toggl
浏览 1提问于2017-09-23得票数 1
0回答
我使用的是Foundation，我已经阅读了它网站上的文档，然后我设计了我网站的导航，如下所示：
<div class="top-bar BHoma">
<div class="top-bar-left title-bar-left">
<ul class="menu">
<li class="menu-text"><img src="img/text-logo.png
浏览 5提问于2017-06-20得票数 0
1回答
现在，我陷入了一个困境，我创建了一个全屏导航，在单击时应用bounce-in-top类。 再次单击菜单切换按钮后，应该删除bounce-in-top类，然后添加slide-out-top类以触发该退出动画。 如果我单击导航覆盖图上的任意位置，菜单将成功应用类并滑出屏幕。但是，如果我按下切换按钮，类不会被应用，只是突然离开屏幕。 我不明白为什么会发生这样的事情。 下面是我的Codepen代码：https://codepen.io/jayciemota/pen/GRmpbxZ
浏览 11提问于2021-07-06得票数 1
回答已采纳
我有一个Vue应用程序，它以导航条的方式在顶部设置菜单项。菜单项的数量根据登录用户的类型进行更改。有时它可能是3个项目，有时它可以多达6个项目。我试图弄清楚如何确定何时在桌面版本的这个导航栏，其中项目被放置成一行按钮和移动版本，其中菜单隐藏在幻灯片中的类型抽屉。
我已经重写了更新的()生命周期挂钩，以便在启动时选择适当的视图。我在包含菜单按钮的div上使用ref。由此我可以得到scrollWidth (显示所有按钮所需的像素数量)和clientWidth ( div已经给出的像素数量)。我有溢出:隐藏。
由此，我可以确定何时需要从桌面切换到移动视图。我正在使用一个resizeObserver来
浏览 4提问于2020-01-23得票数 1
回答已采纳
我正在创建一个简单的离子仪表板，它由顶部的工具栏和左侧的可折叠菜单(导航条)组成。菜单由工具栏中的菜单按钮切换，但是单击独立的'div‘组件也会导致菜单隐藏。
<ion-content>
<ion-menu type="push" menuId="nav-menu">
// create menu items
</ion-menu>
<div main>
hello world
</div>
</ion-content>
浏览 3提问于2019-07-17得票数 1
回答已采纳
1回答
M新建vue m，在菜单图标单击时创建垂直导航栏，导航栏必须切换。
我的菜单图标代码
<button type="button" id="sidebarCollapse" class="btn btn-info [collapsed?'':'sidebar']" >
<i class="fas fa-align-left"></i>
</button>
在菜单图标的按钮上，我想显示导航侧边栏。
<nav id=&#
浏览 1提问于2018-10-18得票数 0
回答已采纳
当我的站点在小屏幕上显示导航栏折叠的切换按钮时，我编写了一些jquery来在单击菜单项时隐藏导航栏，然后再次单击导航栏切换按钮时，我想让它简单地再次显示出来，这样用户就可以选择另一个菜单项。发生的情况是，在第一个hide()事件之后，需要单击两次导航栏切换按钮才能显示菜单。我怎么才能得到它，只需要一次点击？以下是网站的代码和链接：
$('.select').on('click', function() {
$('#navigation').hide();
});
$('.navbar-toggle'
浏览 1提问于2016-03-11得票数 0
我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
我很喜欢在bootstrap项目中使用zurb foundation导航菜单，但我不确定如何或是否可以集成zurb foundation菜单，例如，在bootstrap 2.3 中的示例中的一个显示
我面临着一些像悬停效果这样的引导菜单问题，即使在实现了几种不同的方法后，我仍然对引导菜单不满意，因为我在桌面和移动设备上都能有效地使用悬停和单击事件。
我在之后设置的示例显示了我在移动设备上面临的一个问题。你可以自己试一试
到目前为止，我已经看到鼠标悬停和单击事件在桌面和移动设备上都能非常顺利地工作。
我希望在这方面的帮助，以便我可以集成只有zurb基金会导航菜单在bootstrap项目
除了ap
浏览 0提问于2013-08-24得票数 0
2回答
我有一个带有导航条和左侧菜单的Ionic应用程序。导航条包含一个“汉堡包”按钮，扩展左侧菜单。侧菜单包含链接到应用程序不同内容区域的按钮列表。当从内容菜单中的项目导航时，应用程序的内容区域将被正确更新，汉堡包图标将保留在导航栏中。当从内容区域的按钮导航时，汉堡包图标会从导航条中驱散梨。
下面的代码演示()。这里，页面A上的按钮链接到B页，但导致汉堡包图标消失。侧菜单链接正常工作。
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content=
浏览 1提问于2015-05-08得票数 3
回答已采纳
1回答
引导菜单动画'x‘不要切换到重置
、、、、
我有一个简单的问题要解决，一直试图解决它连续两天，寻找答案没有运气。
问题是导航栏切换按钮(移动大小窗口中的引导菜单按钮)--点击按钮时动画工作正常，但是，当我试图关闭菜单时，打开导航键(x)按钮时，按钮中的(x)不会重置为css文件中的旋转(0)。
工作启动菜单动画按钮示例
我的按钮有问题
我不知道问题出在哪里，所以我没有在这里粘贴任何代码。
浏览 4提问于2016-01-05得票数 0
回答已采纳
1回答
我正在构建一个响应性的导航，刚刚遇到了一个问题。导航的本质是让它响应，所以你点击一个‘三行’按钮，菜单弹出页面。该菜单支持嵌套菜单，因此在菜单中，您也可以单击一个框(右边)打开嵌套菜单。现在，我的问题是，我只想打开导航点击，而不是悬停。
实质上：
主导航(桌面)：悬停打开孩子
当在一定宽度下(媒体查询)隐藏它以显示要单击的黑匣子，您可以单击下一个框来打开
一切正常，但是打开桌面导航的悬停事件显然是在响应视图中触发要打开的导航。我怎么才能阻止这一切？
这是导航的JSFiddle，请单击黑匣子：
浏览 0提问于2013-03-24得票数 0
回答已采纳
问题:隐藏菜单上的菜单项仍由VoiceOver说
参见运行中的原型：
我们的网站有一个slideIn移动菜单的平板电脑和更窄的视点。在Chrome中，键盘可访问性行为包括单击扩展移动菜单中的"close-X“按钮以隐藏菜单；在菜单之外导航隐藏菜单；键盘上的Esc隐藏菜单。
在iOS上使用VoiceOver的Safari中，使用外部键盘，QuickNav在下拉按钮上正确停止，并正确选择它可以扩展隐藏菜单。菜单项目可以选择。从菜单的末尾导航隐藏菜单。选择“关闭-x”也隐藏了菜单。
当菜单被隐藏时，所需的行为是只遍历页面的可见链接。
VoiceOver有一个怪癖:如果菜单是通过选择"
浏览 1提问于2017-03-22得票数 0
我正在尝试使导航菜单类似于reactjs.org中的导航菜单，我正在使用Header组件和导航，它是带有链接和名称的对象。我使用状态添加onClick类，但这会切换所有按钮。 import React, { useState } from "react";
import styles from "./index.module.css";
import getNavigation from "../../utils/navigation";
import { Link } from "react-router-dom";
impo
浏览 30提问于2021-09-16得票数 2
回答已采纳
我为一个响应性网站创建了一个折叠菜单。
当在宽度小于960 in的浏览器中查看站点时，导航菜单项将被堆叠和隐藏。用户需要单击一个切换按钮来显示导航项。当浏览器宽度超过960 in时，导航菜单项将显示在一行中。
当用户在iPad上浏览站点时，我的问题就会发生。如果用户首先以纵向模式(宽度<960 on )在iPad上打开站点，然后单击切换按钮以显示导航菜单，然后再次单击切换按钮以隐藏导航菜单。现在，如果用户将他的iPad旋转到横向模式(宽度>960 if )，导航菜单就会消失。
但是，如果用户以纵向模式在iPad上打开站点，然后在不单击切换按钮的情况下将其旋转到景观模式，则导航菜单可
浏览 2提问于2013-08-26得票数 2
回答已采纳
我正在使用mvvmcross为iOS做一个项目。
应用程序导航是这样的:首先，它从启动屏幕(1)开始，它们导航到(2)，一个视图在3个选项之间进行选择，在视图(3)和(4)中，您得到一个列表，也可以导航回(2)，如果您以模态的方式在(3)中选择一个项到(5)。最后，所有导航以(6)结尾，一个带有汉堡包菜单的视图。
因此，我有传统的导航(后退按钮)，模态视图和汉堡包菜单在最后。
如果有人能帮助我或指导我如何为这个导航方案创建一个自定义演示者，那就太好了。
我使用的是MvxModalNavSupportTouchViewPresenter和SlidingPanelsNavigationVie
浏览 2提问于2014-01-08得票数 3
回答已采纳
我对学习HTML、CSS和JavaScript比较陌生。我正在创建一种测试网站，只是为了学习的目的，并已开始潜入移动响应网站。
我有一个测试站点，其中有一个移动导航按钮隐藏，与一个CSS媒体查询设置显示为阻止和隐藏正常导航菜单。我还为移动导航菜单列出了项目。为了显示/隐藏这一点，我创建了一个.toggleClass() jQuery函数：
function clicktouchmenu()
{
$('#menuico').on('click touch', function()
{
var $mobmen = $(".mo
浏览 1提问于2017-04-07得票数 1
回答已采纳
2回答
我有以下链接：
当您单击中间的“跳过”按钮时，您将看到下一张幻灯片，它实现了FOundation 6脱离画布。
我的标题，其中包括切换的按钮，离开画布是在离开画布菜单之外，它看起来是这样的：
<header class="fixed close">
<div class="hamburger" data-toggle="sth">
<button type="button">
<
浏览 0提问于2016-05-16得票数 1
回答已采纳
2回答
我已经创建了一个sideMenu，其中一个项目的左边有一个文本，右边有一个按钮(复选框)。菜单项链接到具有项目列表的视图。切换就像一个按钮，它允许用户清除列表，而不必进入视图。
早些时候，我在菜单项中添加了' menu - close‘属性，所以每次单击按钮时，它都会更改值并关闭侧菜单。
现在的问题是，删除‘菜单关闭’后，我可以点击按钮和菜单保持打开，但菜单项链接不起作用。我试过设置ng-click和href。如果设置href，则即使单击切换，项目也导航到新视图。
<ion-item class="item-toggle" ng-click="openNo
浏览 5提问于2015-08-15得票数 1
回答已采纳
2回答
在引导导航栏中，我有一个下拉菜单。
在较小的屏幕上，导航条被折叠，我得到一个按钮来切换导航栏项的可见性。
因为我唯一的项目，是下拉菜单，我觉得它有点“愚蠢”，必须首先点击来切换导航可见性，然后单击下来菜单。
我可以看到，真正触发下拉列表的是将类open添加到下拉菜单中--就像in似乎会触发折叠导航栏的可见性一样。
但是，当显示折叠导航条时，如何使下拉“自动下拉”？
用来说明的小小提琴：
浏览 5提问于2015-05-07得票数 0
回答已采纳
1回答
我是Foundation的新手，我曾多次考虑使用它，但总是忽略它，因为它似乎没有太多可用的导航选项。所有可用的选项都适用于顶部菜单。向左还是向右呢？我通常需要建立复杂的导航网站，通常需要一个顶部菜单和左手菜单，包括搜索，下拉菜单和其他子菜单。
如果可以从左侧的列中同时拥有顶部菜单和画布外导航，我可能会使用foundation。有没有人知道这是不是可能的，我会去哪里寻求帮助来设置它？
浏览 0提问于2014-03-11得票数 1
我想要的是：
基本上我有一个带导航栏的视图控制器。左侧的UINavigationBarItem中有一个菜单按钮。单击菜单按钮时，菜单项列表将从顶部开始显示动画。这是使用'addSubview‘方法实现的。但是菜单列表被添加为导航栏下面的子视图。我想添加菜单列表视图，在菜单列表视图后面推送导航栏。我不想隐藏导航栏。
谢谢
浏览 0提问于2012-10-11得票数 1
<ion-header> <ion-navbar hideBackButton> <ion-title> Test </ion-title> <button menuToggle> <ion-icon name="menu"></ion-icon> </button> </ion-navbar> </ion-header>我可以拖动并关闭菜单，但菜单按钮没有添加到导航栏中。
浏览 47提问于2017-01-28得票数 2
回答已采纳
我有一个标题和一个可切换菜单，当单击该按钮时，我希望焦点从菜单按钮转到菜单中的第一个链接。由于设计/结构的原因，菜单按钮和菜单不能彼此相邻。菜单由一个列表组成，该列表包含一个链接和一个按钮的列表。但我有一些麻烦让它工作。我基本上想要的是用Tab键导航到菜单的自然方式，即使按钮和菜单不能彼此相邻。 这是我的js： const button = document.querySelector(".button");
const list = document.querySelector(".list");
button.addEventListener("
浏览 22提问于2021-01-19得票数 0
13回答
我正在使用Bootstrap响应式导航栏。当导航栏折叠时，当我打开菜单并单击菜单项时，菜单不会自动关闭，我必须手动关闭。
是否可以在单击其中一个按钮后使菜单自动关闭？
浏览 14提问于2013-01-10得票数 40
回答已采纳
2回答
我有固定的侧边栏导航栏，它在悬停时工作，但我想打开第一个菜单，点击崩溃按钮。类似的工作，如悬停在菜单1。我已经尝试了以下方法。
$(document).on('click', '.btn1', function () {
console.log('btn 1');
//$('.imFirst a').trigger('mouseenter');
//$('.imFirst a').trigger('mouseover');
//$('.i
浏览 7提问于2015-10-17得票数 0
当我打开我的应用程序时，出现的第一页是Login.html，填充表单后，它导航到dashboard.html
问题:当它转到Dashboard.html时，它会显示左上角的后箭头，而不是菜单图标。，我希望它在这里显示菜单图标，而不是向后箭头
这是我在login.ts中用于导航的代码
if(data[0].USR==1)
{
this.navCtrl.push(DashboardPage);
}
dashboard.html图像，请注意左边的箭头
我必须单击此箭头>返回登录>然后从菜单图标中打开菜单并选择仪表板页面，然后在仪表
浏览 4提问于2017-11-14得票数 0
2回答
我正在尝试测试zurb foundation 4 css框架。如果zurb的网站foundation 4文档中提到了foundation 4使用部分替换了旧foundation 3中的折叠、标签和垂直导航栏和& nav bar，但我找不到如何在鼠标悬停时制作垂直导航栏；我必须点击标题。如何在鼠标悬停时使垂直导航成为弹出菜单？Mouseover是一种非常标准的方法，我希望在foundation 4中有简单的方法来开启它。
浏览 4提问于2013-06-15得票数 0
1回答
HTML
<p>Navigation link 1 <span class="toggle"></span></p>
<ul class="sub-menu">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
<p>Navigation link 2 <span class="toggle"></span&g
浏览 4提问于2014-08-07得票数 0
回答已采纳
1回答
我有一个带有下拉菜单的导航栏，可以完美地与hover一起工作。但在智能手机上，我希望一旦点击切换菜单按钮，它就会自动打开，而不是点击打开下拉列表。
我已经尝试了我在这里找到的一些代码片段，但还没有成功地使任何代码片段适应我的问题。
浏览 3提问于2014-10-02得票数 1
回答已采纳
1回答
最近，我从Bootstrap转到Foundation，只是为了导航栏。我想把菜单项设置为总是相应地调整，并在任何时候都填充。
这里有一个引导示例：
在本例中，无论菜单中有多少项，它们总是相应地调整其宽度，以便始终填充导航条。
我怎样才能在基金会里实现这样的目标？
浏览 2提问于2013-10-24得票数 0
回答已采纳
我想要两个鞋带导航条。1在另一层以下。但是，当我在手机上看到这个时，它会显示2=按钮，每个导航条显示一个按钮。是否有一种方法可以有两个单独的导航条，当它们折叠成一个菜单时，所有菜单都在相同的展开按钮=下
我知道我可以用重复的链接和隐藏的xs类来破解这个问题，但是我想知道是否有更好的选择。
谢谢。
浏览 2提问于2014-06-23得票数 0
回答已采纳
我有一些问题的离子和它的历史堆栈时，使用侧菜单和标签。
我在这里创建了一个柱塞示例：
解决问题应遵循的步骤：
开边菜单
导航到“主列表”
选择其中一项
您将被重定向到详细信息页的通用数据选项卡。
问题是，在导航中没有离子本身显示的后退按钮。我创建了一个自己的back按钮，它调用$ionicGoBack($event)来查看离子是否有历史堆栈。但是，当点击这个按钮时，你会看到离子型没有导航回主列表，而是停留在详细信息页的通用数据选项卡上。
有人能告诉我问题出在哪里吗？我知道标签有自己的历史堆栈，但是标签应该知道它的祖先，还是我错了？
非常感谢您的帮助！
诚挚的问候
浏览 3提问于2015-02-21得票数 9
所以，我的导航栏工作得很好，直到我切换到v4 alpha 6，以便使用alpha所具有的响应实用程序。
页面：
在此之前，您将看到导航栏中的所有菜单链接，直到您的窗口足够小到可以切换按钮来替换菜单为止。
现在，在我开始使用v4 alpha 6之后，它只有永久切换按钮，没有其他菜单项。
我已经试过检查了，我不知道我需要做什么。我尝试使用v4的文档从头开始导航条，但它仍然是一样的。事实上，我的肚脐是基于v4的。
有什么好办法吗？
浏览 4提问于2017-09-04得票数 0
回答已采纳
Bootply -
我想知道是否有可能在<header>标签之外有一个图形来控制导航切换(而不是汉堡图标按钮)。网站的这一部分只能在移动设备上查看。
我在折叠的菜单上有两排图像按钮，我想让其中一个图像链接作为导航栏切换。这个是可能的吗？
如果可能的话，有没有人可以帮我做必要的代码修改？
浏览 0提问于2016-03-28得票数 0
1回答
在Zurb的Foundation 4中，每当我们有下面的顶部导航时
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name"><!-- Leave this empty --></li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu&
浏览 3提问于2013-08-06得票数 0
回答已采纳
我试着用foundation.css写一个导航条，但是子菜单没有显示鼠标移动的时间。
问题是，如何在test的中显示子菜单？
我试图改变visibility，display，z-index，left，但是什么都没发生。
浏览 0提问于2015-08-04得票数 0
回答已采纳
2回答
我正在使用一个引导4模式来显示一个大的导航。为了打开导航，我使用一个带有CSS动画的切换按钮。动画将汉堡包菜单图标更改为X。
问题是，如果您单击“快速”，而模态动画还没有准备好，按钮就会混乱，甚至在已经关闭的菜单/模式下也会显示X。
在模态动画准备好之前，有任何方法禁用按钮吗？
这是我的密码：
$('.menu').click(function(){
$('#burger').toggleClass('active');
});
我看到，有一种方式可以听模态动画：
$('#myModal').on('shown
浏览 4提问于2019-11-24得票数 1
回答已采纳
1回答
我在leftmenu.jsp文件中有一个菜单列表。在我的page.jsp中，我有一个垂直按钮(就像outlook中的导航窗格)。单击该按钮时，我希望在leftmenu.jsp文件中显示菜单列表。我怎么能这么做？
page.jsp
<div id="content">
<div id="pageNav" style="z-index:9999; position:relative;height:180px;">
<button id="showmenu" type="button
浏览 3提问于2013-09-23得票数 1
回答已采纳
3回答
基础5简单导航
、、
如何在foundation 5中制作简单的顶层菜单？是否需要使用topbar，或者是否有其他可能性？我的实际代码是：
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="#">Site Name</a></h1>
</li>
浏览 0提问于2014-10-02得票数 1
1回答
我刚刚开始开发一个应用程序，它将有一个项目列表和每个项目的详细视图，所以我已经使用片段列出了不同的手机和平板电脑布局。还有一个导航抽屉，我希望菜单中的一个选项只显示屏幕上的详细视图片段，并在打开导航抽屉时隐藏。所以，我就这样做了：
主视图创建菜单。
详细视图片段添加了特定的详细视图选项(共享按钮"action_share")。
在导航抽屉片段中，打开导航抽屉在onCreateOptionsMenu中运行如下：
if (menu.findItem(R.id.action_share) != null) { MenuItem item = menu.findItem(R
浏览 4提问于2013-11-06得票数 1
回答已采纳
4回答
菜单栏不切换左侧位置
、、、
问题
我的问题是，当您再次单击菜单按钮时，我正在尝试将它的左边位置移动到230px，返回到30px。但是，出于某种原因，它不像我想要的那样起作用。
我想要发生的事
当用户第一次单击菜单按钮时，我希望菜单将其左侧位置更改为230px，当用户再次单击菜单以关闭导航栏时，我希望菜单的左侧位置回到30px
我得到了什么，
当前，菜单按钮只将其左侧位置更改为230px，而不是返回到30px。
浏览 0提问于2017-06-02得票数 3
回答已采纳
我有一个客户端，希望在ipad上出现基金会4顶部栏的桌面版，而不是移动版。这很好，因为他们的网站只有几个部分，但每个部分有子页面，所以导航显示每个链接的下拉。
我修改了断点，导航在iPad上看起来很好，点击父链接显示子菜单--但一旦打开，我就无法让下拉菜单关闭--您可以在下拉菜单之间切换，但是点击屏幕上的任何其他位置都会使下拉菜单消失，然后它重新出现。
我尝试添加一些JS来捕捉文档主体上任何其他地方的点击，并隐藏任何可见的子菜单，但是它不起作用，我仍然可以在闪存上关闭/打开--我看不到foundation.topbar.js中任何会覆盖它的地方，但我也想不出代码中还有什么地方会导致这种情况。
浏览 3提问于2013-07-23得票数 2
我已经用这个javascript导航尝试了几个小时，我研究了很多站点，包括w3schools、codepen和css技巧，还有很多其他的，我花了几个小时在堆栈中阅读，一切都很有帮助，现在我几乎完成了，我需要一些帮助使这个菜单工作。
本质上，它是一个子导航菜单，当您单击向下箭头按钮时保持打开，当您单击页面上的任何位置时关闭。有时起作用，有时不行。
菜单有两个链接:论坛1/向下箭头按钮和论坛2/向下箭头按钮
我可以得到论坛1向下箭头按钮，有时打开子导航，通过单击向下箭头按钮，但我不能得到论坛2向下箭头按钮触发子导航。
我不确定这是否是我拥有css的方式，或者什么。
我提供了css、html和jav
浏览 1提问于2020-02-20得票数 0
回答已采纳
1回答
我在一个响应式网站上工作，在那里我有一个包含类别的菜单。随着较小设备的视区缩小，类别框被隐藏，出现一个按钮，用户可以单击该按钮，并使用jquery切换类别导航。问题是，如果在切换导航后重新调整屏幕的大小，当您返回到较大的视口时，它不会正确地重新显示。我不确定如何解决这个问题，或者是否有更好的方法来解决它。
这里有一个例子：
感谢你的帮助谢谢
浏览 2提问于2012-08-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
