当用户将鼠标悬停在其中的每个元素上时，我必须调试一个“摆动”的菜单。这只发生在 Internet Explorer 中。在其他浏览器中，如果我正在查看标记，它将在触发事件或应用样式时更新，您可以在样式跟踪中看到这一点。IE 不这样做，如果它可以我不知道。有没有办法在浏览中查看样式/标记的更新，住在标记/样式视图中，同时与页面交互？
问问题
155 次
2 回答
1
这听起来很像一个旧的空白错误。菜单是由无序列表组成的吗？如果是这样，每个列表项之间是否有回车（即每个 <li></li> 位于单独的行上）？
如果是这样，请尝试删除所有空格（因此所有列表项都在一行上）。
于 2012-10-02T13:30:11.303 回答
0
所以我的问题是，当用户将鼠标悬停在每个项目上时，菜单项会“摆动”。问题是这只发生在 Internet Explorer 中。在其他浏览器允许您观看标记和样式的“实时”视图的情况下，IE 仅允许您通过单击视图上方的按钮或使用 F5 来刷新该视图。这会使事情复杂化，因为如果您将鼠标悬停在浏览器上，F5 将重新加载页面。如果您将鼠标移出并刷新，则菜单项会在您单击刷新按钮时丢失。
我的解决方案是隔离 mouseover 和 mouseout 事件调用的函数，它们是 7 个字符动态命名的垃圾。一旦我有了它们被称为的东西，我就可以调用它们并自己触发鼠标悬停和移出动作。然后，我能够刷新标记视图并查看正在更改的样式、应用样式。
原来，鼠标悬停事件添加了一种样式，该样式剥离了元素顶部和底部的填充。在所有其他浏览器中，都会呈现盒子模型，因此这无关紧要。在 IE 中，这意味着当您在菜单中移动时，一切都会“摆动”。
一定要喜欢遗留代码......和 IE。
于 2012-10-03T19:42:12.837 回答