Jquery UI选项卡禁用

Question

我正在使用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>

Answer 1

得到它了.试试下面的代码.应该是"禁用"而不是"禁用",索引是从零开始的:

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