Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.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_Angularjs - Fatal编程技术网

Jquery 从一个选项卡重定向到另一个选项卡

Jquery 从一个选项卡重定向到另一个选项卡,jquery,angularjs,Jquery,Angularjs,我正在使用易响应选项卡,并尝试重定向到同一模式下的另一个选项卡。如何使用jquery实现这一点。 这是我的密码 <div class="tab"> <ul> <li class="resp-tab-item" aria-controls="tab_item-0" role="tab" ><span>LOGIN</span></li> <li class="resp-tab-ite

我正在使用易响应选项卡,并尝试重定向到同一模式下的另一个选项卡。如何使用jquery实现这一点。 这是我的密码

<div class="tab">
    <ul>
        <li class="resp-tab-item" aria-controls="tab_item-0" role="tab" ><span>LOGIN</span></li>
        <li class="resp-tab-item" aria-controls="tab_item-1" role="tab" ><span>REGISTRATION</span></li>                     
    </ul>
</div> 
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0" id="tab1id">
    <div class="booking-form">
        <div class="online_reservation">
            <div class="b_room">
                <div class="booking_room"  >
                    <form  method="post" name="name" >        
                        <!-- TAB 1 CONTENTs -->
                        <div class="date_btn">                                        
                            <input type="submit" value="LOGIN" data-ng-click="submit()" >
                            <input type="submit" value="cancel" data-ng-click="cancel()" >
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tab-2 resp-tab-content" aria-labelledby="tab_item-1" id="tab2id">
    <div class="booking-form">
        <div class="online_reservation">
            <div class="b_room">
                <div class="booking_room"  >
                    <form  method="post" name="name" >        
                        <!-- TAB 2 CONTENTs -->
                        <div class="date_btn">                                        
                            <input type="submit" value="LOGIN" data-ng-click="submit()" >
                            <input type="submit" value="cancel" data-ng-click="cancel()" >
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

    登录 注册

在这里,当我单击选项卡1中的取消按钮时。我想被重定向到TAB2目录。

您是否为cancel()编写了控制器js?如果是,则使用:

 $timeout(function () {
                    $('#status_tab').trigger('click');
                }, 100);
这里#status#tab是另一个选项卡的id。在您的情况下,使用#tab2id。 试试看这在我的代码中效果很好。

当前代码:

<input type="submit" value="cancel" data-ng-click="cancel()" >

替换为:

<a aria-controls="tab_item-1" role="tab">cancel</a>
取消

使用JSFIDLE要好得多。github结构中的易响应选项卡与您的格式代码不同。