jQuery UI手风琴问题

Question

我使用jQuery UI手风琴小部件，并且在每个项目之间我都有一些空间。问题是，在IE 8 中，当您滑动项目时，它会很好地滑动，但它会移除它与向上项目之间的空间。但它在FF和其他浏览器中运行良好。 alt text http://img208.imageshack.us/img208/5074/along.jpg

但是当我用那个项目上的鼠标结束时，它会创建那个空间。

我使用HTML5 doctype，但它也不能与其他doctypes一起使用。

感谢。

修改：这是live example。

Answer 1

尝试将margin-bottom:5px;应用于.ui-accordion-header。

这会导致打开标题与其内容之间存在差距，但您可以通过删除.ui-accordion-header.ui-state-active上的边距并将其应用于.ui-accordion-content-active来解决此问题。

所以你的css看起来像这样：

.ui-accordion-header {
margin-bottom:5px;
}
.ui-accordion-header.ui-state-active {
margin-bottom:0;
}
.ui-accordion-content-active {
margin-bottom:5px;
}

这可能需要一些调整，但应该让你大部分在那里。

Answer 2

我有同样的问题，这是一个奇怪的错误，只有当应用边距的元素的方向是从右到左时才会发生。对我有用的解决方案是给它direction: ltr，然后将direction: rtl应用于它的后代。

同样，我不知道为什么会这样，但如果我试着去了解微软我就会自杀。我这是一个幸运的猜测，我希望它可以帮助别人。