我刚刚将元素的 jQuery 从 1.9.2 更新到 1.11.2,一切似乎都工作正常,只是我的 Accordion 现在太大了,我看不到内容。之前的代码:
$('.accordion').accordion({
autoHeight: false,
fillSpace: true,
collapsible: true,
navigation: true
});
由于 autoHeight、fillSpace 和导航均已弃用,我已将其更新为...
$('.accordion').accordion({
heightStyle: "fill",
collapsible: true
});
现在,每个关闭的 Accordion 选项卡下方都有大量的边距,并且文本很大。快速搜索结果代码表明,唯一缺少的是 h3 元素上的 ui-helper-reset 类(即 .accordion 有它,所有我的内容 div 有它,但所有 h3 元素都没有)。
如果我手动添加类,标题看起来就像以前一样。关于如何添加类(class)有什么想法吗?
更新
这是一个内部问题。有一个旧的自定义 jQueryUI CSS 文件 (1.8.23),它把一切搞乱了。我查看了生成的 jQuery UI Accordion CSS,并且 ui-helper-reset 不再添加到 header 中。如果您没有旧的自定义 CSS 文件,那么这是可行的。
请您参考如下方法:
.addClass()怎么样?
$('.accordion').accordion({
heightStyle: "fill",
collapsible: true
}).find("h3").addClass("ui-helper-reset");
