Jquery UI 选项卡禁用答案

【问题标题】：Jquery UI Tabs DisableJquery UI 选项卡禁用
【发布时间】：2013-09-29 17:39:35
【问题描述】：

我正在使用 jquery UI 选项卡，我想禁用这些选项卡。为此，我已经为 HTML 和 Jquery 设置了如下所述的选项卡。选项卡控件工作正常，但不会禁用选项卡。

<div class="tabs-container h-tabs">
<ul class="tabs">
    <li><a href="#">tab 1</a></li>
    <li><a href="#">tab 2</a></li>
    <li><a href="#">tab 3</a></li>
</ul>

<div class="tab-content">
    <div>Tab 1</div>
    <div>Tab 2</div>
    <div>Tab 3</div>
</div>
</div>
<script type="text/javascript">
    (function () {
        $(".tabs-container ul.tabs").tabs("div.tab-content > div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: false, initialIndex: 1 });


       // DISABLE THE TABS
       $(".tabs-container ul.tabs").tabs("option","disable", [1,2,3]); // IT DOESN'T WORK!!!

    })();
</script>

【问题讨论】：

那么，你的 html 中带有类 tabs-container 的元素在哪里？
@NishadNichoos 哦，对不起，我已经添加了。

标签： jquery jquery-ui jquery-ui-tabs

【解决方案1】：

知道了。试试下面的代码。它应该是“禁用”而不是“禁用”，并且索引是从零开始的：

$(".tabs-container ul.tabs").tabs("option","disabled", [0, 1,2]);

【讨论】：

嗨@Rajesh。您能否删除您的其他答案，以后只需对您的原始帖子进行编辑，除非它是一个完全不同的答案！只是让网站有点混乱:)
删除其他答案。谢谢！ :)

【解决方案2】：

我不确定你的 html，用这个替换你的 html

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">tab 1</a></li>
    <li><a href="#tabs-2">tab 2</a></li>
    <li><a href="#tabs-3">tab 3</a></li>
  </ul>
  <div id="tabs-1">
    Content tab1
  </div>
  <div id="tabs-2">
    Content tab2
  </div>
  <div id="tabs-3">
    Content tab3
  </div>
</div>

如果你想禁用所有标签，试试这个代码

$( ".tabs" ).tabs( "disable" );

禁用（）

禁用所有选项卡。此方法不接受任何参数。

【讨论】：