Bootstrap嵌套选项卡在重新选择之前不会显示

Question

我正在使用嵌套选项卡为我的应用程序设计一个管理面板。 这是标签设置方式的基本示意图。

1. 最初活跃且可见

   -1a最初是活动且可见的

   -1b无效

   -1c不活跃

2. 待用

   -2a最初处于活动状态但不可见

   -2b无效

   -2c无效

起初2a是不可见的，因为其parent（2）未激活，但是2a确实具有以下标记：

<li class='active'>

当我单击选项卡2时，选项卡2a似乎处于活动状态，但选项卡窗格为空。 查看页面源代码可以看到，选项卡窗格中有2a的数据。 为了查看它，我必须单击选项卡2b，然后单击回到选项卡2a。 我的第一个想法是从2a中删除.active。 然后，这要求用户单击2a以将其激活，而不是停用然后重新激活以显示内容。 我想让2a在单击选项卡2时立即可见。 很抱歉，冗长的解释。 如果您更容易进行排序，则下面是代码。

我将HTML代码放在此jsfiddle中，因为它太长了，无法包含在帖子中。

http://jsfiddle.net/vhFFf/

编辑：

这是一个有效的小提琴，可准确显示我要纠正的问题：

http://jsfiddle.net/52VtD/4862/

确保将“结果”窗格拖动到尽可能宽的位置，以便按预期显示内容。 当您单击最左侧菜单中的“用户”按钮时，不会显示最初处于活动状态的窗格内容。 您必须单击“添加用户”或“已删除邮件”，然后单击回到“用户”以查看该窗格的内容。

Answer 1

我认为你必须主动类手动添加到面板，使其活跃，当你切换到该标签<div class="tab-pane active" id="user">我更新你FIDDLE

那是我能想到的最简单的解决方案，希望对您有所帮助。