jQuery UI手风琴问题

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

但是,当我用鼠标hover在该项目上时,它会创建该空间。

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

谢谢。

编辑:这是一个实例 。

尝试应用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;
}

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

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

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