Boostrap选项卡面板仅工作一次

时间:2016-10-21 10:27:52

标签: twitter-bootstrap

我使用带有引导框架的选项卡面板。 它工作正常......我第一次点击链接。 之后,面板内容不会出现这样的情况。改变,并且班级活跃'未添加到适当的元素

这里是我的代码:



user@host $ alias ifc="/tmp/test/t/test.sh"
user@host $ ifc
Please enter which ethernet you would like to display

 Command ifc1: Shows loopback

 Command ifc2: Shows eth 0

 Command ifc3  Shows eth 1

 Command ifc4 shows eth 2

 Command ifc5 shows eth 3
ifc2
2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> ...
&#13;
&#13;
&#13;

我已经搜索了主题,但没有找到任何解决方案

2 个答案:

答案 0 :(得分:2)

好的,我找到了解决方案 我注意到,在点击他们的孩子时,“活动”类已经从dropup菜单中添加到li元素中,并且在点击此菜单中的另一个元素后未被删除

所以我添加了这段代码:

$('#menu a').click(function (e) {
   e.preventDefault();
   $(this).parent().removeClass('active');
});

现在工作正常

答案 1 :(得分:0)

我对Bootstrap 4 alpha有同样的问题。我发现这是因为我没有在锚点和列表元素中添加一些类。

结构应该是这样的:

 <ul class="nav nav-tabs">
     <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#panel1">Panel1</a></li>
     <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#panel2">Panel2</a></li>
  </ul>