菜单看起来坏了，直到我刷新浏览器

Question

我试图为你准备一个CODEPEN HERE，但我担心它不会有多大帮助，因为我无法重现那里的问题。

这是一个非常复杂的大型网站。很难为您提供适用于此的代码，因为有很多脚本和样式表可以协同工作，但我尽我所能为您提供。

基本上，当页面加载时，它会正常加载，但是当我点击菜单中的链接将我带到该页面时，该页面会加载“破损”的菜单外观。看看PIC。只要我刷新页面或者甚至将其调整为一个像素，它就会重置它的外观。另请参见图片

拜托，有人，你有没有遇到这样的事情？ enter code here如果您通过查看代码找不到错误，是否有办法刷新任何给定的样式表或脚本？我无法强制页面刷新，因为有些事情应该从PageLoad上的数据库进行处理。

我没有屏住呼吸，但我当然希望你们能帮忙。

这是有问题的图片。和codepen的链接在

之上

Answer 1

尝试在您的风格

中添加?v=1232之类的内容

href="css/init.css?v=1232"

Answer 2

问题已经解决。显然，accessibilitymegamenu.js以编程方式添加了属性aria-haspopup="true"，如果您在编写JAWS和/或任何其他非视力用户可访问性网站时手动添加它，则会导致错误。

如果您正在使用任何辅助功能脚本，并且您的超链接编码如下：

<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>

希望这有助于其他人并为他们节省两周的调试费用。

快乐的编码！