Jquery选项卡启用选项卡吗?

发布于 2024-09-05 15:11:45 字数 1193 浏览 8 评论 0原文

我试图在 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“目标”的按钮,单击该按钮时应该启用 (2) 选项卡。这些选项卡显示为已禁用,但不会启用。怎么了??

I am trying to enable a disabled tab in Jquery but it doesn't work. I have my tabs:

<!--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-->

Then I have my 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
 });

 }); 

I have a button with an ID 'target' that when clicked is supposed to enable the (2) tab. The tabs show as disabled but will not enable. What is wrong??

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

澉约 2024-09-12 15:11:45

enable 方法 的调用语法略有不同比你现在拥有的,像这样:

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

The call to the enable method is a alightly different syntax than you currently have, like this:

$('#signuptabs').tabs('enable', 2)
又怨 2024-09-12 15:11:45

这也可以启用选项卡 2 并禁用选项卡 1 和 3

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

this also works to enable a tab 2 and disable tab 1 and 3

$("#signuptabs").tabs('select',1);
    $("#signuptabs").tabs({disabled: [0,2]});
独行侠 2024-09-12 15:11:45

这是适合我的方法:

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

每个选项卡索引都是从零开始的,因此您应该以“0”索引开始第一个选项卡。

This is way works for me:

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

Each tab index is zero-based, so you should start you first tab with "0" index.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文