如何使用HTML（而不是代码）禁用JqueryUI选项卡

Question

有一种方法可以禁用JQueryUI选项卡 -

$( "#tabs" ).tabs( "option", "disabled", 2);

但我想使用HTML禁用它，就像在JqueryUI 1.8中一样，如果我们将“ui-state-disabled”类添加到li中，它将被禁用。现在，即使我添加了这个类，在创建选项卡时，JqueryUI也会将其加入。有没有其他方法可以通过HTML设置？

Answer 1

实际上，禁用标签的方式已经改变。

$( "#tabs" ).tabs( "option", "disabled", 2);  //Not working

最后一个参数选项卡索引应该像

这样的数组给出

$( "#tabs" ).tabs( "option", "disabled", [2]);

在作为ui-tabs分配后，将其设为

$( "#tabs" ).tabs();
$("#tabs li:eq(1)").addClass("ui-state-disabled");

1 - 表示制表符索引。

而在html中，您不应在class="ui-state-disabled"中添加此li，而是将其添加到相应的 a 标记中，例如

<li>
  <a href="#tabs-2" class="ui-state-disabled" 
                       aria-disabled="true">Proin dolor</a>
</li>

希望你明白。