Javascript jqplot不'；从内部面板塌陷调用时是否渲染？

背景

我刚刚决定将我的Django应用升级到bootstrap 3，在将手风琴换成面板后，我发现以前工作过的Jqplot不再工作了。我有三个手风琴作为一组，每个手风琴都包含一个Jqplot脚本，还有一个div，其中必须显示情节

这是骨架的外观：

<div class="panel-group" id="accordion2">
  <div class="panel panel-default">
    <div class="panel-heading">
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
          First Heading
        </a>
       <script>
        $(document).ready(function(){
          // generic jqplot barchart that goes like this...
          // var plot1 = $.jqplot('chartdiv', s1, {...
          });
        </script>
      </div>
      <div id="collapseOne" class="panel-collapse collapse in">
        <div class="panel-body">
          <div id="chartdiv"></div>
        </div>
      </div>
    </div>

$（文档）.ready（函数（）{
//通用jqplot条形图，如下所示。。。
//变量plot1=$.jqplot（'chartdiv'，s1，{。。。
});

对于另外两个

面板default

div，同样的情况也会发生。（另外两个以相同方式编写的绘图。）

问题

在这一行：

当我使用

class=“panel collapse collapse”

折叠面板时，它会像预期的那样折叠，但即使调用其中的

document.ready（）

，也不会生成绘图

但是，如果将其设置为

class=“panel collapse collapse in”

，则面板不会折叠，也会生成绘图

问题

默认情况下，我需要将第一个面板取消折叠，其他两个面板折叠，但是当我使用上面提到的类执行此操作时，不会生成第二个和第三个绘图（具体地说，不会生成Jqplot画布）

我想这一定与Bootstrap3及其对accordion的更改有关，因为它曾经在我的旧应用程序（使用旧版本）中工作

---

如何克服这个问题？

您在文档上生成绘图是正确的。准备好了吗？导致崩溃的原因是css仅隐藏内容。阅读这个问题可能对您也有帮助

在崩溃时生成内容“Live”，考虑崩溃插件的事件，参见：你可以尝试在Sun.b.S塌陷上生成情节。 请务必阅读：