Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery选项卡的“下一步”按钮不工作_Jquery - Fatal编程技术网

jquery选项卡的“下一步”按钮不工作

jquery选项卡的“下一步”按钮不工作,jquery,Jquery,我正在使用jQuery选项卡,在“下一步”按钮上,我希望它移动到下一个选项卡 $(".next-tab").click(function () { var selected = $("#tab-div").Tabs("option", "selected"); alert(selected); $("#tab-div").Tabs("option", "selected", selected + 1); }); <div id

我正在使用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>
$(“.next tab”)。单击(函数(){
var selected=$(“选项卡div”)。选项卡(“选项”、“选定”);
警报(选定);
$(“#制表分区”)。制表符(“选项”,“选定”,选定+1);
});
组名 组名
我得到的是对象而不是选项卡索引


谢谢,

选项卡
应为小写-
选项卡

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

以下是您需要执行的操作:

$("#tabs").tabs();
$(".nexttab").click(function() {
    var selected = $("#tabs").tabs("option", "selected");
    $("#tabs").tabs("option", "selected", selected + 1);
});
​
您必须将“Tabs”小写,并且不要忘记在代码开头使用“$(your_div).Tabs();”

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

你真的应该创建一个能强化和回答你报告的问题的人。试着用制表符代替大写字母T的制表符。我得到了$(“#制表符div”)。制表符不是此行的一个函数var selected=$(“#制表符div”)。制表符(“option”,“selected”);谢谢@Rory McCrossan,一切正常。我试图实现标签应该在回车键上更改,它工作正常,但只有一次。如果我再次移动到第一个选项卡,然后按enter键,则该选项卡不起作用。你能帮我做这个吗please@asifa这可能是最好的开始一个新的问题之一-我相信有人会帮助你。