jquery - 如何禁用 jquery Accordion 的某些链接

Question

我目前在导航部分实现了基于 jquery 的 Accordion ，但导航的某些部分不需要成为 Accordion 的一部分(如果没有类别等)我只是想知道是否可以禁用是否是 Accordion 的一部分？

我感觉这可能是不可能的，但这个网站之前就让我感到惊讶:)

非常感谢。

Answer 1

由于事件的绑定(bind)顺序，之前的技巧不起作用，但以下技巧有效:

// Add the class ui-state-disabled to the headers that you want disabled
$( ".whatyouwant" ).addClass("ui-state-disabled");

// Now the hack to implement the disabling functionality
var accordion = $( "#accordion" ).data("accordion");

accordion._std_clickHandler = accordion._clickHandler;

accordion._clickHandler = function( event, target ) {
    var clicked = $( event.currentTarget || target );
    if (! clicked.hasClass("ui-state-disabled")) {
        this._std_clickHandler(event, target);
    }
};

每当您想要激活选项卡时，请执行以下操作:

// Remove the class ui-state-disabled to the headers that you want to enable
$( ".whatyouwant" ).removeClass("ui-state-disabled");

就是这样