Javascript 引导选项卡正在工作，但选项卡内容未显示

我正在使用html、css和javascripts开发管理仪表板。这是我第一次做这件事。我使用bootstrap进行响应性布局和一些bootstrap js（选项卡、折叠）。我还使用chartjs来绘制饼图、折线图和sidr响应菜单。但问题在于引导选项卡和折叠功能。它们工作不正常。当我单击选项卡菜单时，选项卡工作正常，但不显示其中的图表内容。我花了很多时间来解决这个问题。但我不能。我需要你的帮助

---

下面是管理仪表板的链接：

您包含了JavaScript，但没有将其用于选项卡元素。从中，您还需要添加一点JavaScript来专门针对这些选项卡

或者，您应该能够将

data toggle=“tab”

添加到每个

dashboard\u菜单li

元素中

在代码中，您有：

<ul class="list-inline pull-right" role="tablist">
  <li class="active"><a href="#ussgemonth" role="tab" data-toggle="tab">Usage</a></li>
  <li><a href="#coletsmonth" role="tab" data-toggle="tab">Monthly</a></li>
</ul>

但是您没有id为：id=“ussgemonth”&id=“coletsmonth”的选项卡窗格

---

您不仅缺少两个带有这些ID的

。选项卡窗格

——因为它们是嵌套的，所以您必须遵循与父级相同的结构。

您找到了解决问题的方法吗？嵌套的选项卡还需要每周和每月的选项卡内容包装，用法和每月不起作用-它们嵌套在一个.tab内容周围，非常好的工作，顺便说一句。对不起。。。我说的不是仪表板菜单，而是有两个选项卡按钮（每周和每月）的图表。谢谢你宝贵的回答。我把“.tab pane”类放在“.tab content”之后。我想我的选项卡可以正常工作，但由chart.js制作的选项卡中的内容无法正常工作。对不起，打扰你了。谢谢你的回复。