Jquery选项卡启用标签?

时间:2010-06-15 19:30:53

标签: jquery ajax tabs

我正在尝试在Jquery中启用禁用选项卡,但它不起作用。我有我的标签:

<!--Jquery AJAX Tabs Start-->
<div id="signuptabs">
     <ul>
         <li><a href="type.php"><span>type</span></a></li>
         <li><a href="ber.php"><span>mber</span></a></li>
         <li><a href="ces.php"><span>ces</span></a></li>
         <li><a href="ups.php"><span>ups</span></a></li>
    <li><a href="t.php"><span>ext</span></a></li>
        <li><a href="nu.php"><span>u</span></a></li>
        <li><a href="nfo.php"><span>ion</span></a></li>
     </ul>

</div>
<!--Jquery AJAX Tabs End-->

然后我有我的Javascript:

  $(document).ready(function() {
    $("#signuptabs").tabs({ disabled: [1, 2, 3, 4, 5, 6, 7] });

//number type button
$('#target').click(function() {
$('#signuptabs').enableTab(2); // enables third tab
 });

 }); 

我有一个ID为'target'的按钮,点击该按钮时应启用(2)选项卡。选项卡显示为已禁用但不会启用。有什么不对?

3 个答案:

答案 0 :(得分:11)

enable method的调用与您目前的语法略有不同,如下所示:

$('#signuptabs').tabs('enable', 2)

答案 1 :(得分:2)

这也可用于启用标签2并禁用标签1和3

$("#signuptabs").tabs('select',1);
    $("#signuptabs").tabs({disabled: [0,2]});

答案 2 :(得分:0)

这对我有用:

$('#signuptabs').tabs("option", "disabled", false, [0, 1, 2, 3, 4, 5, 6]);

每个标签索引都是从零开始的,因此您应该首先使用“0”索引启动第一个标签。