我有一个带有3个不同内容选项卡的Bootstrap“选项卡”导航.除了我想链接到OUTSIDE选项卡导航中的一个选项卡之外,它的工作方式非常完美.这意味着当有人单击选项卡窗口外的链接时,它应设置为“活动”该选项卡并显示内容.
现在,它正确显示该选项卡的内容,但该选项卡未设置为“活动”.我如何实现这一点,以便它像一个人点击一样“活跃”?
这是代码:
<div> <ul class="nav nav-tabs"> <li class="active"><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="home">Home Content</div> <div class="tab-pane" id="profile">Profile Content</div> <div class="tab-pane" id="messages">Messages Content</div> </div> </div> <p></p> <a href="#profile" data-toggle="tab">Profile Link From Outside</a>
我做了一个jsfiddle来更好地展示它:http://jsfiddle.net/fLJ9E/
非常感谢您的任何帮助或提示:)
解决方法
你可以做一个小技巧来实现这个目标:
$('a[data-toggle="tab"]').on('shown.bs.tab',function (e) { var target = this.href.split('#'); $('.nav a').filter('[href="#'+target[1]+'"]').tab('show'); })
原文地址:https://www.jb51.cc/jquery/177991.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。