我正在使用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>
在警报中,我正在获取对象对象而不是选项卡索引。
谢谢
这是你需要做的: 演示
$("#tabs").tabs();
$(".nexttab").click(function() {
var selected = $("#tabs").tabs("option", "selected");
$("#tabs").tabs("option", "selected", selected + 1);
});
您必须小写"选项卡"。并且不要忘记在代码开头使用 "$(your_div).tabs();";
$("#tabs").tabs();
$(".nexttab").click(function() {
var selected = $("#tabs").tabs("option", "selected");
$("#tabs").tabs("option", "selected", selected + 1);
});
Tabs
应该是小写的 - tabs
.
$(".next-tab").click(function () {
var selected = $("#tab-div").tabs("option", "selected");
alert(selected);
$("#tab-div").tabs("option", "selected", selected + 1);
});