IE 8 中的 JQuery 手风琴错误？解决方法？

Question

要查看此手风琴动画错误，请使用 Internet Explorer 8 (IE8) 转至 http://hopplayground.com/

单击“生物”。第一次单击菜单项应打开子菜单。但事实并非如此，什么也没有出现。第二次单击会关闭菜单，但会留下伪影。使用其他菜单可以正常工作。

问题：是什么导致了这个故障，有没有办法解决或解决它？

我正在使用 jQuery 1.4.2 和 jQuery UI 1.8.2。该功能在 Firefox 和 Safari 中完美运行。

TTFN 特拉维斯

Answer 1

不确定问题是什么，所以如果可以使用解决方法而不是解决方案，该页面在 IE7 中适用于我，因此您可以将以下元标记添加到文档中 ：

  <meta http-equiv="X-UA-Compatible" content="IE=7" />

这将强制 IE8 进入 IE7 兼容模式。使用此标签可以减少跨浏览器问题。

Answer 2

只是想我会投入两分钱。根据 mVChr 的答案，您可以使用：

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

通过将其设置为边缘，它会强制 IE 使用最新的可用渲染引擎。我遇到了同样的问题，这对我来说是一个解决方案。

如果您需要更多信息，这个家伙的网站会详细讨论它：

http://farukat.es/journal/2009/05/245-ie8-and-the-x-ua-兼容-情况

Answer 3

您可以向手风琴添加样式，例如：
.accordion {显示：表}
因为 ie 在显示方面有一些问题：jquery 使用的内联...

Answer 4

根据 RikawaS 的回复...

仅在您的手风琴标题上，放置以下 css 代码：

.accordionHeader
{
显示：表；
宽度：100%；
如果

您发现标题在它们之间悬停时仍然跳跃，请使用纯色的边框顶部，而不是使用边距和填充。当然，这仅适用于纯色之上的设计（边框颜色需要与背景颜色匹配）。这是一个例子：

.accordionHeader
{
顶部边框：10px 实线#FFFFFF；
这

将立即修复 IE8！这花了我一年的时间才弄清楚，哈哈。

Answer 5

我从另一篇文章中得到了这个：

这是它的链接：为什么 jQuery 手风琴部分无法在 IE 8 中激活？

我遇到了同样的问题。 IE 对正确的 html 非常挑剔，并确保在手风琴内部没有任何内容超出

structure, for example, it you have this:

<h3>a header</h3>
<div>some content</div>
<h3>another header</h3>
<div>some more content</div>

它会起作用，但这不会：

<h3>a header</h3>
<div>some content</div>
<span>extra stuff</span>
<h3>another header</h3>
<div>some more content</div>

这将全部位于您调用 .accordion() 的任何元素内。