bootstrap - 同一个页面选项卡跳转问题？

问题描述

问 题

如图，这三个选项卡是在同一个页面里

  <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-home"></i>&nbsp; <span>基本信息</span></a></li>
                    <li role="presentation"><a href="#history" id="historys" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-user"></i>&nbsp; <span>年审历史</span></a></li>
                    <li role="presentation"><a href="#messages" id="messagesy" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-envelope-o"></i>&nbsp; <span>通知</span></a></li>
                </ul>

现在碰到一个问题，我在通知和年审界面添加和修改完东西（添加和修改都是使用弹窗）之后，会返回到基本信息的选项卡里面，这样再次添加或浏览的话又要点一次历史或通知，请问怎么让他添加完之后就在当前的选项卡里面呢？谢谢

解决方案

可以在弹窗完成时将当前选择的tab传递到页面，页面使用js或者别的方法来调整tab选中页

这篇关于bootstrap - 同一个页面选项卡跳转问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！