menu 相关问题

Android 操作栏可检查菜单项无法正常工作/显示？

所以我试图让我的菜单项显示在操作栏上，使其表现得像一个可检查的菜单选项。第一部分有效，这意味着它是可检查的，当我按下它并在代码中设置 setC...

Astra 主题移动菜单将内容向下推送

当我点击移动设备（手机）上的菜单时，菜单会将内容向下推送。我该如何得到这个，以便点击菜单只是下拉并重叠内容而不是 pu...

无需添加 JavaScript 即可折叠菜单

在React Bootstrap中，如何在单击任何子菜单项时使子菜单折叠，而不使用添加的切换JS处理程序？ 在 React Bootstrap 中，如何在单击任何项目时使子菜单折叠，而不使用添加的 toggle JS 处理程序？ <Navbar collapseOnSelect className="bg-body-secondary" style={{width: "auto"}}> <Nav> <Link className="nav-link" to={"/item/"+root}>Main folder</Link>{" "} </Nav> <Nav> <Link className="nav-link" to="/latest">Latest posts</Link>{" "} </Nav> <Nav> <NavDropdown title="User"> <Link className="nav-link" to="/personhood"> Verify Your Account </Link> <Link className="nav-link" to="/prefs"> Settings </Link> </NavDropdown> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com">Our site</Link> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com/invest/">Invest</Link> </Nav> <Nav> <NavDropdown title="About"> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/">Blog</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/about-us/">About Us</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/our-partners/">Our Partners</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/#team">The Team</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/carbon-pledge/">Carbon Pledge</NavDropdown.Item> </NavDropdown> </Nav> <Nav> <NavDropdown title="Blog"> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/">All posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/author/user/">CEO's posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/social-media/">Social Media</NavDropdown.Item> </NavDropdown> </Nav> </Navbar> 您可以使用状态来处理这样的切换情况。我希望这对你有用： import React, { useState } from 'react'; import { Navbar, Nav, NavDropdown } from 'react-bootstrap'; import { Link } from 'react-router-dom'; const MyNavbar = () => { const [expand, setExpand] = useState(false); const handleToggle = () => { setExpand(false); }; return ( <Navbar collapseOnSelect expanded={expand} onToggle={setExpand} className="bg-body-secondary" style={{ width: "auto" }}> <Nav> <Link className="nav-link" to={"/item/" + root}>Main folder</Link>{" "} </Nav> <Nav> <Link className="nav-link" to="/latest">Latest posts</Link>{" "} </Nav> <Nav> <NavDropdown title="User" onClick={handleToggle }> <Link className="nav-link" to="/personhood" onClick={handleToggle}> Verify Your Account </Link> <Link className="nav-link" to="/prefs" onClick={handleToggle }> Settings </Link> </NavDropdown> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com">Our site</Link> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com/invest/">Invest</Link> </Nav> <Nav> <NavDropdown title="About" onClick={handleToggle }> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/" onClick={handleToggle }>Blog</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/about-us/" onClick={handleToggle }>About Us</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/our-partners/" onClick={handleToggle }>Our Partners</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/#team" onClick={handleToggle }>The Team</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/carbon-pledge/" onClick={handleToggle }>Carbon Pledge</NavDropdown.Item> </NavDropdown> </Nav> <Nav> <NavDropdown title="Blog" onClick={handleToggle }> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/" onClick={handleToggle }>All posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/author/user/" onClick={handleToggle }>CEO's posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/social-media/" onClick={handleToggle }>Social Media</NavDropdown.Item> </NavDropdown> </Nav> </Navbar> ); }; export default MyNavbar;

如何根据Next.js中pages目录下的文件生成菜单

我正在尝试创建一个菜单组件，在构建时读取页面文件夹的内容。然而我还没有取得任何成功。这是我尝试过的： 从“路径”导入路径； 我...

移动网站上的汉堡菜单错误 javascript

我的网站：https://www.dcidentalclinic.com/ 我有一个大问题。我使用 smilepure 主题，在移动设备上，汉堡菜单首先加载得比正常情况宽，但这种情况很糟糕并且正在加载...

如果帖子有两个类别，如何在菜单中选择单个类别？

我网站的帖子有一、二、三等类别，具体取决于文章。我的菜单由类别组成。当我选择帖子（打开整篇文章）时，它会在菜单中显示帖子类别。 问题：当我...

为什么 VS Code 扩展中的 when 子句不起作用？

在我的扩展中，我想以编程方式设置 VS Code 的命令面板中命令的可见性。 根据 VS Code 文档和一些示例，我的扩展如下所示（重新...

在第三个菜单项下的 WordPress 页脚菜单中显示 5 个最新帖子

我想在我的 WordPress 页脚菜单的第三个菜单项下添加自定义代码。它的目的是在“博客”（在本例中为“见解”）菜单项下显示最新的博客文章。我

ToolStripTextBox 图像未出现

我正在使用WindowsForms，我试图将一个文本框放入我的主菜单中并添加一个图像。但是我无法让图像出现。我在这里缺少什么。 txtRequestEdit.DisplayStyle =

删除TinyMCE 4中的子菜单项

我正在尝试从 WordPress 中的 TinyMCE 下拉工具栏按钮中删除子项目。 该按钮是一个插件按钮（TinyMCE Table Button），它插入一个项目，允许用户做CSS样式...

<nav> 或 <menu> (HTML5)

W3Schools.com，我很确定我记得看到 W3C.org 声明 应用于工具栏菜单和列出表单控制命令。 那么，我应该使用哪一个作为我的主菜单？... W3Schools.com，我很确定我记得看到 W3C.org 声明 <menu> 应用于工具栏菜单和列出表单控制命令。 那么，我应该使用哪一个作为我的主菜单？ Nav，还是Menu？有关系吗？ nav 用于内部链接组（a 元素）。一般来说，这意味着链接应该转到单独的页面，或者在 AJAX 页面的情况下更改内容。单击 nav 项目时，预计内容会发生某种变化。 menu 用于控件组（a、input、button）。一般来说，这意味着输入应该在页面内执行功能。单击 menu 项目时，预计会出现某种 JavaScript 交互。 nav：网站的导航。 menu：Web 应用程序的菜单。 这里有一篇关于 nav 的 HTML5Doctor 帖子，其中有一节介绍了它与 menu 的不同之处（基本上，在实际应用程序中使用它）。看起来你想要nav。 获得这个答案的最佳途径是 HTML 5 本身的标准。 Menu 在 HTML 5.1 第二版 中定义。 它，“...代表一组命令。” Nav 在 HTML 5 中定义。 它是“...页面的一部分，链接到其他页面或其中的部分 页面：带有导航链接的部分。” 有一些我没有包含但认为很重要的导航注释，但我认为您最好从标准中自己获取定义。 本文中标记为答案的定义接近正确，但其中包含无关的陈述，导致答案本身是错误的。 与 <menu> 通常用于上下文菜单。 MDN 有很好的文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu <nav> 是一个部分（如 <section> 或 <article>），因此它将出现在 HTML 文档大纲中。因此，99% 的时间我都会使用 <menu>。对我来说，<nav> 是 <section> 和 <menu> 之间的混合，另外还有一个限制：<nav> 应该专门用于导航，而 <menu> 可以用于任何可能被称为菜单的东西（包括导航栏）。所以大多数导航栏，尽管是导航栏，但并不符合<nav>的严格要求，而<menu>更合适。 在我的 Web 开发生涯中，我从未发现过希望我的导航栏成为文档大纲的一部分的情况。 我要从类似问题复制我的答案： 关于 <menu> 标签，接受的答案是错误/过时的。这就是 MDN 关于 <menu> 标签的说法： <menu> HTML 元素在 HTML 规范中被描述为 <ul> 的语义替代，但被浏览器（并通过可访问性树公开）视为与 <ul> 没有什么不同。它表示一个无序列表的项目（由 <li> 元素表示）。 以及使用说明： <menu>和<ul>元素都表示无序列表的项目。主要区别在于 <ul> 主要包含用于显示的项目，而 <menu> 用于交互项目。 所以语义上最正确的布局是这样的： <nav> <menu> <li>Menu Item One</li> <li>Menu Item Two</li> <li>Menu Item Three</li> </menu> </nav>

如何设置活动的CSS选项卡菜单？

我有一个问题，我尝试使用CSS制作菜单选项卡，我明白了，但问题是我无法在不单击菜单按钮的情况下设置活动选项卡菜单，这就是我的代码： 函数 openCity(evt, cityN...

哪个标签用于创建菜单，ul还是menu？

谢谢，如果我想用 html 创建菜单，我应该使用 ul 标签。但我刚刚发现了菜单标签，所以我想知道哪个标签更适合创建菜单。这是 ... 感谢如果我想在 html 中创建菜单，我应该使用 ul 标签。但我刚刚发现了菜单标签，所以我想知道哪个标签更适合创建菜单。是 <ul> <menu> <li>LOL</li> <li>LOL</li> <li>Mmmm</li> <li>Mmmm</li> </ul> </menu> 同样的事情？ 如果您尝试创建导航栏（无论是在网站的顶部、侧面还是底部），正确的语义标记将是.. <nav> <ul> <li>Menu Item One</li> <li>Menu Item Two</li> <li>Menu Item Three</li> ... </ul> </nav> 请注意，您仍然需要在 <ul> 内添加一个列表（<ol> 或 <nav>）。 从语义上来说，The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links. <nav> <li>Menu Item One</li> <li>Menu Item Two</li> ... </nav> 不起作用。 <menu> 用于控制菜单，例如网络应用程序或游戏或其他东西，而不是用于导航。 微妙但重要的语义差异。 另请注意，在本文发表时，<menu>似乎不受任何主要浏览器的支持 这是我的 HTML 菜单。 <ul> <li><a href="#">One</a></li> <li><a href="#">Two</a></li> </ul> 这个问题应该可以为您澄清很多事情：或（HTML5） 关于 <menu> 标签，接受的答案是错误的。这就是 MDN 关于 <menu> 标签的说法： <menu> HTML 元素在 HTML 规范中被描述为 <ul> 的语义替代，但被浏览器（并通过可访问性树公开）视为与 <ul> 没有什么不同。它表示一个无序列表的项目（由 <li> 元素表示）。 以及使用说明： <menu>和<ul>元素都表示无序列表的项目。主要区别在于 <ul> 主要包含用于显示的项目，而 <menu> 用于交互项目。 所以语义上最正确的布局是这样的： <nav> <menu> <li>Menu Item One</li> <li>Menu Item Two</li> <li>Menu Item Three</li> </menu> </nav>

Drupal 8：如何从 .links.menu.yml 创建多语言菜单项

所以，在很多地方，即这里： https://www.drupal.org/docs/8/api/menu-api/providing-module-defined-menu-links 它解释了如何从 module_name.links.menu 添加菜单项到某些现有菜单...

使用Javascript获取所有相同的ID

javascript 只获取第一个 id。第二个 id 忽略该代码。有没有办法使用相同的 javascript 来制作两个 ID？ javascript 只获取第一个 id。第二个 id 忽略该代码。有没有办法使用相同的 javascript 来创建两个 ID？ <div class="tab"> <button class="tablinks" onclick="openProgram(event, 'add_item')" id="defaultOpen">Add Item</button> <button class="tablinks" onclick="openProgram(event, 'list_item')">List Items</button> </div> <div id="add_item" class="tabcontent"> <div id="subcatchooser"></div> <div id="list_item" class="tabcontent"> <div id="subcatchooser"></div> 这里是Javascript function showsubcat(str) { if (str.length == 0) { document.getElementById("subcatchooser").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("subcatchooser").innerHTML = this.responseText; } }; xmlhttp.open("GET", "ajax.php?action=showsubcat&parent_id=" + str, true); xmlhttp.send(); } } 这是类和 ID 之间的主要区别。类被设计为可多次使用，而 ID 被设计为唯一。所以你可以将 div 更改为如下所示： <div class="subcatchooser"></div> 然后将 JavaScript 更改为如下所示： var elements = document.getElementsByClassName("subcatchooser"); for (var i = 0; i < elements.length; i++) { elements[i].innerHTML = ""; }

WooCommerce - 自动隐藏导航栏中的空类别和子类别

我有以下代码块，允许任何空类别或子类别存档页面从导航栏隐藏，但它有两个不同的问题需要帮助修复。 代码...

返回Python主菜单

我在下面打印了我的编码，其中有一个菜单，用户可以在其中选择一个选项，引导他们进入某个活动（A、B、C、D、X），该活动比我有更多的实质内容已发布，b...

React 菜单错误 - 期望进行赋值或函数调用，但却看到了表达式

我是 React 新手，所以请耐心等待。 我正在尝试构建侧面菜单导航。 这是应用程序的开始，因此我将来将添加更多导航标题。 为了未来的证明，我...

<li> 水平菜单中的项目之间有间隙

由于某种原因，li 项目的左右边框不接触，它们之间大约有 4-5 px 的间隙。 #菜单容器{ 显示：块； 向左飘浮; 宽度：100%； } ul#menu {

CSS - <li> 水平菜单中的项目之间有间隙

问题 由于某种原因，li 项目的左右边框不接触，它们之间大约有 4-5 px 的间隙。 我不知道它是从哪里来的...我已经花了很多时间...