javascript - 显示内联 block li 元素时 Chrome 中的错误

Question

我是网络编码的新手，在我尝试创建基于 jQuery 的菜单栏和下拉菜单时，我偶然发现了浏览器之间的一些巨大差异。下面你可以看到，虽然 FF 和 Safari 是一样的，但 IE 实际上表现良好，Opera 还可以，Chrome 完全错误。据我所知，我拥有所有最新版本。

我从这里删除代码并将其粘贴到:(不想让我正确链接)所以:jsfiddle.net/2hCR2/

以防万一，不需要支持旧版本的 IE (6-7)。

现在我最关心的是定位方面。非常感谢任何帮助!

****编辑:** 在继续使用 chrome 开发者工具后，我意识到当我手动将第一个列表(裤子/T 恤)设置为 display:block 时，它会显示正如预期的那样(与图像中的 FF 和 Safari 完全一样)所以看起来这更像是一个没有正确更新 DOM 的 javascript/jQuery 问题(？)。我还注意到，当我将代码放入 JSFiddle 并在 Chrome 中运行脚本时，它会产生相同的错误，但是当我在 FF 中运行 JSFiddle(完全相同的 fiddle 链接)时，它会正确呈现。

Answer 1

它不会在 Chrome Canary(版本 24)中发生，但会在稳定版(版本 22)中发生。显然这是一个已修复的错误。

您可以等待一两个月，以便所有 Chrome 用户都能得到修复，或者只使用 .show() 而不是 .show(0)。