我正在使用 jQuery Accordion ,并且希望所选面板看起来与 jQuery UI 不同。为了实现这一点,我不想在事件标题上使用“ui-state-active”类 - 而且我不知道如何实现这一点。
我当前的尝试:
$('#MyAccordion').accordion({
heightStyle: "content",
collapsible: true,
active: 0,
activate: function () {
$('#MyAccordion h3').removeClass("ui-state-active");
},
create: function () {
$('#MyAccordion h3').removeClass("ui-state-active");
},
beforeActivate: function () {
$('#MyAccordion h3').removeClass("ui-state-active");
}
});
JS Fiddle 演示在这里:https://jsfiddle.net/SchweizerSchoggi/u2c6zcy6/1/
您可以看到,在类再次被删除之前,所选面板的标题暂时变白。但是我怎样才能防止面板标题变白(获得 ui-state-active 类)呢?
最佳答案
您还可以添加点击事件监听器:
$('#MyAccordion').on('click', '.ui-accordion-header', function(e){
$(this).removeClass("ui-state-active");
});
关于jquery - 防止 jQuery Accordion 添加 ui-state-active,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35133433/