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

时间:2016-08-11 06:43:36

标签: 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-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>

此处,当我点击TAB1中的取消按钮时。我想重定向到TAB2内容。

2 个答案:

答案 0 :(得分:1)

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

 $timeout(function () {
                    $('#status_tab').trigger('click');
                }, 100);

这里#status_tab是其他标签的id。在你的情况下,请#tab2id。 试试这在我的代码中工作正常。

答案 1 :(得分:0)

当前代码:

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

替换为:

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