阻止 jQuery 手风琴添加 ui-state-active

Question

我正在使用 jQuery 手风琴，并希望所选面板看起来与 jQuery UI 不同。要实现这一点，我不想让 class "ui-state-active" 处于活动状态 Header - 我不知道如何实现这一点。

我目前的尝试：

$('#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/

您可以看到，在 class 再次被删除之前，所选面板的 header 变白了一会儿。但是我怎样才能完全防止面板 header 变白（得到 class ui-state-active）呢？

Answer 1

您还可以添加点击事件侦听器：

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