选择另一个模式弹出窗口后，“带有选项卡的模式弹出窗口”中的jQuery flot不会出现

Question

将Visual Studio 2012与JQuery，Bootstrap和Flot结合使用。

我的屏幕显示多个项目。 选择一个项目时，将出现带有选项卡的模态弹出窗口，该弹出窗口在第一个选项卡上包含一个Flot图。 （实际上，有一个getJSON调用来获取图形数据，因此直到填充选项卡之后，图形才会出现）。

当选择一个独特的项目时，这一切都很好。 但是，当单击以前选择的项目时，不会显示“批次”图。

这是Flot的HTML外观：

<div id="rightside-@Model.Room.RoomId" class="rightside">
  <div id="placeholder-@Model.Room.RoomId-container"  style="width:460px;height:300px;margin-bottom:28px">
    <div id="placeholder-@Model.Room.RoomId" style="width:460px;height:250px;margin-bottom:20px"></div>
    <input type="text" name="from" class="input-medium" value="#startDate"  />
    to
    <input type="text" name="to" class="input-medium" value="#endDate"/>
    <input type="button" class="btn" data-function="refine-date" data-value="change_graph_dattes" value="Change dates" style="float:right"/>
  </div>
<div>

在单步执行代码的过程中，我在$ .plot语句之前设置了一个断点，然后看到绘图空间（placeholder-nn），它的父容器（placeholder-nn-container）和上方的容器（rightside-nn）所有的高度，宽度，左侧，右侧，底部和顶部均为0。 但是，容器中的其余选项卡和元素（输入）正确显示。

有什么建议么？

Answer 1

经过进一步调试后，我发现该图试图在选项卡中绘制div时没有大小，但是选项卡本身却有大小。 因此，我认为这与制表符激活有关。

为了使其正常工作，我必须：

1. 禁用第一个选项卡的自动激活
2. 短暂延迟（1/10秒）后，通过javascript激活标签

该语句不起作用：

$('#tabs a:first').tab('show');

这样做确实有效：

setTimeout(function () { $('#tabs a:first').tab('show'); }, 100);