jquery - jquery选项卡的下一个按钮不起作用

Question

我正在使用 jQuery 选项卡，在下一个按钮上我希望它移动到下一个选项卡

    $(".next-tab").click(function () {
       var selected = $("#tab-div").Tabs("option", "selected");
       alert(selected);
    $("#tab-div").Tabs("option", "selected", selected + 1);
    });


    <div id="tab-div">
    <ul class="nav">
    <li><a href="#tab1" class="current">New Group</a></li>
    <li><a href="#tab2">For Companies</a></li>
    </ul>
    <div class="list-wrap">
    <div id="tab1" class="">
    <table width="70%" border="0" cellspacing="0" cellpadding="5" class="alltbls creatgrp">
    <tr>
    <td width="239" class="td-left req">Group Name</td>
    <td> <asp:TextBox ID="txtGroupName" class="text" runat="server" TabIndex="1" onchange="ontextchange()"></asp:TextBox>  </td>
    </tr>
</table>

    </div>
    <div id="tab2" class="">
        <table width="70%" border="0" cellspacing="0" cellpadding="5" class="alltbls creatgrp">
        <tr>
            <td width="239" class="td-left req">Group Name</td>
            <td> <asp:TextBox ID="txtGroupName" class="text" runat="server" TabIndex="1" onchange="ontextchange()"></asp:TextBox>  </td>
            </tr>
        </table>
    </div>

警告我正在获取对象对象而不是选项卡索引。

谢谢，

Answer 1

这是您需要做的：演示

$("#tabs").tabs();
$(".nexttab").click(function() {
    var selected = $("#tabs").tabs("option", "selected");
    $("#tabs").tabs("option", "selected", selected + 1);
});
​

Answer 2

您必须小写您的“Tabs”。不要忘记使用“$(your_div).tabs();” 在您的代码开始处；

$("#tabs").tabs();
$(".nexttab").click(function() {
    var selected = $("#tabs").tabs("option", "selected");
    $("#tabs").tabs("option", "selected", selected + 1);
});

Answer 3

Tabs应该是小写的 - tabs。

$(".next-tab").click(function () {
    var selected = $("#tab-div").tabs("option", "selected");
    alert(selected);
    $("#tab-div").tabs("option", "selected", selected + 1);
});