下拉菜单“aria”只能在714px引导Wordpress主题下工作
我正在建立一个自定义的网站使用一个儿童主题的Wordpress‘店面'，但我有很大的问题与移动引导导航切换。
与菜单切换响应菜单，它不显示下拉在870px宽，只显示在714px宽。我一直试图解决这个问题，但没有成功，我唯一注意到的是切换器上的按钮类。如果您查看代码检查器，aria-expanded=“false”显示在大约870px宽的地方，如果我手动在代码中输入值“true”，那么它会读为aria-expanded=“true”，这会很好地工作。
任何帮助都是非常感谢的，我已经尝试修复了几个小时，但没有成功的纠正。下面是移动主导航菜单右上角的网页链接
https://tiltrak.com/webdev/
共有3个答案
aria-expanded提示屏幕阅读器元素的用途。它不提供任何类型的行为。一般来说，是否设置该属性对网站的工作方式没有影响。
然而，由于ARIA属性就像任何其他html属性一样，您可以在CSS中基于属性的值使用条件逻辑，如果该条件逻辑隐藏或取消隐藏元素，则可能会影响网站的外观。
在本例中，有一个
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primary Navigation">
<button class="menu-toggle" aria-controls="site-navigation" aria-expanded="false"><span>Menu</span></button>
<div class="primary-navigation">
...
</div>
<div class="handheld-navigation">
<ul id="menu-mobile-main-navigation" class="menu">
...
</div>
当单击按钮时切换aria-expanded时，以下CSS将起作用：
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu>ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded="true"] {
max-height: 9999px;
}
但这是一种红鲱鱼。是的，在CSS中有一个aria-expanded，但它在
-
上，而且
-
没有展开，菜单按钮是。但是，当选择该按钮时，主
-
由于某种原因，我的WordPress生成的菜单在我尝试显示下拉菜单时出现了一些问题。父菜单项变为全宽，然后覆盖其他项。这是悬停状态下的样子： 下面是对代码的修改：https://jsfidle.net/j55scjeq/ 以下是CSS： 下面是HTML： 有人能帮我找到解决办法吗。我只希望子UL显示在一个漂亮的列中，与下面的内容重叠。 我想不通。我不确定这是HTML还是CSS的问题。：/ 非常感谢
-
Bootstrap3仍在RC中，但我只是尝试实现它。我不知道如何设置子菜单类。即使css中没有类，即使是新文档也没有提到它 它存在于2. x中，类名为下拉子菜单
-
关于我的上一个问题（bootstrap上的下拉菜单不起作用），我正在为li下拉菜单的子菜单构建一个子菜单。这意味着它是嵌套的。银行菜单下有交易下拉菜单，交易下拉菜单下有不同类型交易的菜单。顺便说一下，我已经成功地创建了它，但是在悬停期间，“事务”模块的子菜单出现在事务菜单的前面，阻止了作为事务的父菜单。在悬停期间，如何避免它并将其放置在事务菜单的右侧？不管怎样，我已经使用了“右下拉菜单”，但它不会
-
我正在尝试创建多个包含弹出窗口链接的下拉按钮。这是我的HTML代码： 每当我单击下拉菜单时,就会出现以下错误： zone-evergreen.js:171未捕获的TypeError：无法读取null的属性“set attribute” 为什么我一直得到这个错误，我该如何修复它？
-
嗨，我正在尝试自动启动下拉菜单。默认情况下，它的可见性是隐藏的。将鼠标悬停在它上面时，它的可见性属性显示为可见。我可以单击下拉菜单，但是在单击下拉菜单后，我的selenium脚本不能从下拉菜单中选择值。 错误：线程"main"org.openqa.selenium.ElementNotVisibleException异常：无法单击元素 HTML代码段
-
我正在开发一个网站，需要一个下拉菜单内的下拉菜单，但显然在Bootstrap5.0中，他们删除了该功能？我听说仍然有办法获得子菜单，但我尝试过的所有方法都不起作用，请帮助！