Skip to main content
 首页 » 编程设计

jQuery UI Accordion header : ui-helper-reset is not being added

2026年07月28日9lidabo

我刚刚将元素的 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");