选项卡JQuery UI：不在非活动选项卡中显示图形元素

Question

我遇到了这个问题：我已经使用JQuery UI Tabs实现了一个tab功能，其中第一个包含文本元素（活动），第二个包含图形元素。这是我的代码：

<ul class="nav nav-tabs">
   <li class="active" ><a href="#element1-text" data-toggle="tab"></a></li>
   <li><a href="#element2-graphics" data-toggle="tab"></a></li>
</ul>

<div class="tab-pane fade in active" id="#element1-text">
   <!-- Here implement text -->
</div>
<div class="tab-pane fade" id="#element2-graphics">
   <!-- Here implement graphics -->
</div>

当我按下“＃element2-graphics”标签时，我的图形（地图和图表）显示不完整，但是当我调整浏览器的大小时，这些显示完美。我已实现刷新和加载此选项卡的方法，我花了很多时间来解决这个问题。有人知道这个错误吗？