Question

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

这里是我的代码：

＆＃13;

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;

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

Answer 1

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

所以我添加了这段代码：

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

现在工作正常

Answer 2

我对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>

Boostrap选项卡面板仅工作一次

2 个答案: