禁用 JQueryUI 选项卡的一种方法是 -
$( "#tabs" ).tabs( "option", "disabled", 2);
但是我想使用 HTML 禁用它,就像在 JqueryUI 1.8 中一样,如果我们将 'ui-state-disabled
' 类添加到 li,它将被禁用。现在,即使我添加此类,在创建选项卡时,JqueryUI 也会忽略它。还有其他方法可以通过 HTML 设置吗?
最佳答案
实际上禁用选项卡的方式已经改变。
$( "#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>
希望您能理解。
关于javascript - 如何使用 HTML 禁用 JqueryUI 选项卡(不是通过代码),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20208513/