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

【问题标题】：Redirect from one tab to another tab从一个选项卡重定向到另一个选项卡
【发布时间】：2016-08-11 06:43:36
【问题描述】：

我正在使用 Easy responsive 选项卡并尝试重定向到同一模式中的另一个选项卡。我如何使用 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 内容。

【问题讨论】：

最好使用 jsFiddle。 github 结构上的简单响应式选项卡与您的格式代码不同。

标签： jquery angularjs

【解决方案1】：

你有没有为cancel()编写控制器js？如果是，则使用：

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

这里#status_tab 是其他选项卡的ID。在您的情况下，请使用#tab2id。试试看，这在我的代码中运行良好。

【讨论】：

【解决方案2】：

当前代码：

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

替换为：

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

【讨论】：