Javascript 单击导航栏菜单时,选项卡窗格处于活动状态
我有像这样的导航栏菜单和选项卡窗格引导Javascript 单击导航栏菜单时,选项卡窗格处于活动状态,javascript,css,twitter-bootstrap-3,tabs,Javascript,Css,Twitter Bootstrap 3,Tabs,我有像这样的导航栏菜单和选项卡窗格引导 <nav class="navbar navbar-default"> <div class="container-fluid"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href=""><?php echo $surname; ?> <span class="glyphicon glyphicon-user"></span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href=""><span class="glyphicon glyphicon-user"></span> Profile</a></li>
<li><a href=""><span class="fa fa-unlock"></span> Change Password</a></li>
<li><a href="">Page 1-3</a></li>
</ul>
</li>
<li><a href="<?php echo base_url('logout'); ?>"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li>
</ul>
</div>
</nav>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>Some content.</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Menu 1</h3>
<p>Some content in menu 1.</p>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
<p>Some content in menu 2.</p>
</div>
</div>
-
家
一些内容
菜单1
菜单1中的一些内容
菜单2
菜单2中的一些内容
每当我单击选项卡窗格时,域就会像
/主页#仪表板或/主页#任务
但是,当我单击导航栏中的下拉菜单时,选项卡活动窗格将消失,并且没有选项卡窗格处于活动状态。而我仍然希望看到活动选项卡窗格的内容。我确实知道
使用按钮元素
-
引导示例
家
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利
菜单1
但是,在最低限度上,我们需要一个实验室来进行日常工作
菜单2
在所有人都有错误的情况下,我们必须清楚地看到,所有的人都有错误
菜单3
发明者的真实性和准建筑师必须解释清楚
不是一个真正的解决方案,但它看起来是为了避免问题,但它与我的标记相矛盾,而元素是@Aaron,因为它是navbar…它可以工作,但是css Brokersory,我在一个阻止*.imgur.com
的网络上,现在帮不了你。另一个建议是:你有没有试着保留重现问题的,那就太好了:)我很惊讶,如果url的散列被更改,它甚至可以工作:我想知道为什么null
比空散列工作得更好。对于JSFiddle,成功复制问题后保存它,然后在此处共享生成的url:)不是真正的解决方案,但看起来是为了避免问题,但它与我的标记相矛盾,而元素是@Aaron,因为它是navbar…它可以工作,但是css代理程序,我所在的网络阻塞了*。imgur.com
,现在无法帮助您。另一个建议是:你有没有试着保留重现问题的,那就太好了:)我很惊讶,如果url的散列被更改,它甚至可以工作:我想知道为什么null
比空散列工作得更好。对于JSFIDLE,在成功再现问题后保存它,然后在此处共享生成的url:)