我刚刚将项目的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文件,那么哪个有效。
答案 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?