jquery - 防止 jQuery Accordion 添加 ui-state-active

Question

我正在使用 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 类)呢？

Answer 1

您还可以添加点击事件监听器:

$('#MyAccordion').on('click', '.ui-accordion-header',   function(e){
        $(this).removeClass("ui-state-active");
});