在我刷新浏览器之前,菜单看起来已损坏
Menu looks broken until I refresh browser
我试图为您整理一个 CODEPEN HERE,但我无法在那里重现问题,恐怕它不会有多大帮助。
这是一个非常复杂的大型网站。很难只为您提供适用于此的代码,因为有太多的脚本和样式表协同工作以使其工作,但我会尽我所能为您提供。
基本上,当页面加载时,它加载正常,但是当我单击菜单中的 link 将我带到该页面时,该页面加载时具有 "broken" 菜单外观。见图片。一旦我刷新页面或什至将其调整一个像素,它就会重置为应有的样子。另见图片
请问各位大神有遇到过这样的情况吗? enter code here
如果您无法通过查看代码找到错误,是否有办法刷新任何给定的样式表或脚本?我无法强制刷新页面,因为有些事情应该在 PageLoad 上从数据库中处理。
我不是屏住呼吸,但我当然希望你们能提供帮助。
这是有问题的图片。 codepen 的 link 高于
尝试在您的风格中添加类似 ?v=1232
的内容
href="css/init.css?v=1232"
问题已解决。显然,accessibilitymegamenu.js 以编程方式添加属性 aria-haspopup="true"
,如果您在为 JAWS and/or 任何其他非视力用户可访问性网站编码时手动添加它,它就会出错。
如果您正在使用任何辅助功能脚本并且您的超链接编码如下:
<a id="myID" href="#" class="myClass" aria-haspopup="true">My Link</a>
改为:
<a id="myID" href="#" class="myClass">My Link</a>
您的输出(根据辅助功能脚本)仍将是:
<a id="MyID" aria-label="My Label" href="javascript:void(0)" aria-haspopup="true" aria-controls="accessible-megamenu-1426257105716-6" aria-expanded="true" class="MyClass">My Link</a>
希望这对其他人有帮助,并为他们节省两周的调试时间。
编码愉快!
我试图为您整理一个 CODEPEN HERE,但我无法在那里重现问题,恐怕它不会有多大帮助。
这是一个非常复杂的大型网站。很难只为您提供适用于此的代码,因为有太多的脚本和样式表协同工作以使其工作,但我会尽我所能为您提供。
基本上,当页面加载时,它加载正常,但是当我单击菜单中的 link 将我带到该页面时,该页面加载时具有 "broken" 菜单外观。见图片。一旦我刷新页面或什至将其调整一个像素,它就会重置为应有的样子。另见图片
请问各位大神有遇到过这样的情况吗? enter code here
如果您无法通过查看代码找到错误,是否有办法刷新任何给定的样式表或脚本?我无法强制刷新页面,因为有些事情应该在 PageLoad 上从数据库中处理。
我不是屏住呼吸,但我当然希望你们能提供帮助。
这是有问题的图片。 codepen 的 link 高于
尝试在您的风格中添加类似 ?v=1232
的内容
href="css/init.css?v=1232"
问题已解决。显然,accessibilitymegamenu.js 以编程方式添加属性 aria-haspopup="true"
,如果您在为 JAWS and/or 任何其他非视力用户可访问性网站编码时手动添加它,它就会出错。
如果您正在使用任何辅助功能脚本并且您的超链接编码如下:
<a id="myID" href="#" class="myClass" aria-haspopup="true">My Link</a>
改为:
<a id="myID" href="#" class="myClass">My Link</a>
您的输出(根据辅助功能脚本)仍将是:
<a id="MyID" aria-label="My Label" href="javascript:void(0)" aria-haspopup="true" aria-controls="accessible-megamenu-1426257105716-6" aria-expanded="true" class="MyClass">My Link</a>
希望这对其他人有帮助,并为他们节省两周的调试时间。
编码愉快!