Question

我的代码显示加载的所有标签。如果我删除＆＃34;活跃＆＃34;从其他标签中，他们不会在各自的窗格中显示图表。这怎么可以解决？我使用bootstrap。

filter(flights, month == 1 | month == 2)

添加了我的问题图片。如果我没有将所有标签激活，我的莫里斯图表空间太小。

http://imgur.com/u1Vba7s

Answer 1

这很好.. DEMO

        <div class="panel panel-default">
   <div class="panel-heading">
 Steps count
       </div>
   <div class="panel-body">
<div role="tabpanel">

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#Week" aria-controls="home" role="tab" data-toggle="tab">Week</a></li>
    <li role="presentation"><a href="#Month" aria-controls="profile" role="tab" data-toggle="tab">Month</a></li>
    <li role="presentation"><a href="#Year" aria-controls="messages" role="tab" data-toggle="tab">Year</a></li>

  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="Week">1...</div>
    <div role="tabpanel" class="tab-pane" id="Month">2...</div>
    <div role="tabpanel" class="tab-pane" id="Year">3...</div>

  </div>

</div>

        </div>
</div>

Answer 2

显示选项卡时，您可以使用tab tab方法触发脚本。你可以让它对所有标签都是全局的，也可以是id特定的。

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

     // your script

})

你可以触发你的图表方法，或者如果它有任何回流方法你可以触发它。希望这个解决方案可以帮到你。

Bootstrap选项卡式窗格，显示加载的所有选项卡

2 个答案: