javascript - jquery ui Accordion 禁用点击

Question

我有一套这样的 Accordion

$(".accordion-form").accordion({
    collapsible:false,
    autoHeight: false,
    changestart: checkChanged,
    change: function(e, ui) {active = $( ".accordion-form" ).accordion( "option", "active");},
    active: 0
});

active 是一个静态变量，始终具有事件内容。

我想要做的是在事件标题之前启用标题以供点击，并在事件标题之后禁用标题以供点击。

这样我就可以让 Accordion 表现得像一个表格，“你可以后退，但在完成这一部分之前不能前进”。

如有任何帮助，我们将不胜感激

Answer 1

虽然我同意 Frédéric 的观点，即 Accordion 对于这种行为来说并不是一个很好的小部件，但您应该能够使用一些简单的 JS 来做到这一点。将另一个“onclick”处理程序附加到 Accordion header ，并让它在 header 距离太远时终止该事件:

$('.accordion-form .ui-accordion-header').click(function(e) {
    if($(this).index() > current_section.index())
    {
        e.stopImmediatePropagation();
    }
});

这需要您有一个 current_section 变量来保存最后一个已完成的部分(我假设您已经有类似的内容)，并确保此处理程序在JqueryUI Accordion 设置，因此您的处理程序首先被调用。

希望这有帮助!