javascript - 如何使用 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 中，您不应在 li 中添加此 class="ui-state-disabled"，而是将其添加到相应的 a 标签如

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

希望您能理解。