jQuery UI Accordion Header:未添加ui-helper-reset

时间:2014-11-27 13:43:17

标签: jquery css jquery-ui

我刚刚将项目的jQuery从1.9.2更新到1.11.2,除了我的手风琴现在太大以至于看不到内容外,一切似乎都运行正常。先前的代码:

$('.accordion').accordion({
    autoHeight: false,
    fillSpace: true,
    collapsible: true,
    navigation: true
});

由于autoHeight,fillSpace和导航都已弃用,我已将此更新为...

$('.accordion').accordion({
    heightStyle: "fill",
    collapsible: true
});

现在我在每个闭合的手风琴标签下都有大量的边距,文字很大。快速搜索生成的代码表明,唯一缺少的是h3元素上的 ui-helper-reset 类(即 .accordion 有,所有我的内容div有它,但所有h3元素都没有。)

如果我手动添加类,标题看起来就像以前一样。关于如何添加课程的任何想法?

更新

这是一个内部问题。有一个旧的自定义jQueryUI CSS文件(1.8.23),搞乱了一切。我查看了生成的jQuery UI手风琴CSS,并且不再将 ui-helper-reset 添加到标头中。如果您没有旧的自定义CSS文件,那么哪个有效。

2 个答案:

答案 0 :(得分:1)

.addClass()?

怎么样?
$('.accordion').accordion({
    heightStyle: "fill",
    collapsible: true
}).find("h3").addClass("ui-helper-reset");

答案 1 :(得分:0)

解决方案,如果你遇到类似的问题是更新你的jQuery CSS。我在这里发现了如何做到这一点: How to upgrade a custom jQuery UI theme?