CODEWITHSUNDEEP
jquery
asifa
asifa

Reputation: 771

next button of jquery tab not working

I am using jQuery tab and on next button I want it to move to the next tab

    $(".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>

On alert I am getting object object instead of the tab index.

Thanks,

Upvotes: 1

Views: 588

Answers (3)

H&#252;seyin BABAL
H&#252;seyin BABAL

Reputation: 15550

You must lowercase your "Tabs".And do not forget using "$(your_div).tabs();" at start of your code ;

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

Upvotes: 1

coder
coder

Reputation: 13248

Here is what you need to do : DEMO

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

Upvotes: 1

Rory McCrossan
Rory McCrossan

Reputation: 337560

Tabs should be lowercase - tabs. 

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

Upvotes: 0

Related Questions