Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击导航栏菜单时,选项卡窗格处于活动状态_Javascript_Css_Twitter Bootstrap 3_Tabs - Fatal编程技术网

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:)