在我刷新浏览器之前，菜单看起来已损坏答案

【问题标题】：Menu looks broken until I refresh browser在我刷新浏览器之前，菜单看起来已损坏
【发布时间】：2015-05-14 02:22:56
【问题描述】：

我尝试为您整理一个 CODEPEN HERE，但恐怕不会有太大帮助，因为我无法在那里重现问题。

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

基本上，当页面加载时，它可以正常加载，但是当我单击菜单中的链接将我带到该页面时，该页面加载时显示“损坏”的菜单外观。见图片。一旦我刷新页面甚至将其大小调整一个像素，它就会重置为应有的外观。参见图片

请问各位，您遇到过这样的事情吗？ enter code here 如果您通过查看代码找不到错误，有没有办法刷新任何给定的样式表或脚本？我无法强制刷新页面，因为某些事情应该在 PageLoad 上从数据库中处理。

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

这是有问题的图片。上面是codepen的链接

【问题讨论】：

不确定你是否看到过这个错误，但它让我想起了你的情况，特别是因为它似乎是 Chrome 特有的问题：code.google.com/p/chromium/issues/detail?id=246875
谢谢克拉克。该线程确实看起来很有希望。我会在早上研究这个。如果我在那里找不到解决方案，我会悬赏这个问题以获得一些动力

标签： javascript jquery css asp.net megamenu

【解决方案1】：

尝试将?v=1232 之类的内容添加到您的风格中

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

【讨论】：

我对此不太熟悉。这是我需要添加到头部的吗？这是做什么的？
@LOTUSMS Yes in you style tag child of head element.
我将它添加到主样式表如下没有修复它。我做对了吗？
首先做到了。没用。此外，它似乎只在 Chrome 中（到目前为止我已经注意到）

【解决方案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>

希望这对其他人有所帮助，并为他们节省两周的调试时间。

编码愉快！

【讨论】：