jQuery UI 手风琴禁用选项卡

Question

如何禁用 jQuery UI accordion() 中的某些选项卡，以便用户无法单击打开选项卡的内容。假设我想禁用下面示例中的第二个选项卡。

http://jsfiddle.net/3JAkv/8/

Answer 1

也许我错了，
但如果我将“ui-state-disabled”类添加到所需的标题中，标题/选项卡将不再可选。

我正在与：
jquery-ui-1.10.3 和 jquery-1.7.1

Answer 2

在 1.8.x 中没有捆绑的方法可以做到这一点。

在版本 1.9 中（测试版已在撰写本文时发布），beforeActivate 事件看起来您可以处理并返回 false 以防止激活发生。假设您已在禁用部分的标题上设置了 .data('enabled', false) ，您可以在 1.9 中执行如下操作：

$('.ui-accordion').bind('accordionchangestart', function(event, ui) {
  if(ui.newHeader and !ui.newHeader.data('enabled')) {
    return false;
  }
  // fall through activation happens as normal
});

Answer 3

我正在粘贴 JSFriddle 和受控导航手风琴的示例。这意味着，用户无法跳过步骤或自由导航手风琴，而只能通过可由 jQuery 激活或放置的硬编码按钮。希望有帮助。
https://jsfiddle.net/moriz/rvuwze6s/

基本上js是这样的：

 $(function() {
     $("#accordion").accordion({
         disabled: true
     });
 });

 function operateAccordion(tabNumber) {
     $("#accordion").accordion("option", "active", tabNumber);
 }

按钮应该这样：

<a href="javascript:operateAccordion(1)">Next step</a>

考虑到手风琴部件是从 0 开始编号的。因此，此按钮可用于在导航中后退或前进。