从引导选项卡生成javascript表

我试图在选择选项卡时生成js表。每个选项卡将生成不同的表。桌子永远不会出现。我不依赖于引导选项卡，所以如果在引导选项卡之外有不同的解决方案，我完全可以接受

<ul class="nav nav-tabs">
 <li class="active"><a data-toggle="tab" href="#menu1">Menu 1</a></li>
 <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
 <li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
</ul>
<div class="tab-content">
 <div id="menu1" class="tab-pane fade in active">
  <script type="text/javascript">table1()</script>
 </div>
 <div id="menu2" class="tab-pane fade">
  <script type="text/javascript">table2()</script>
 </div>
 <div id="menu3" class="tab-pane fade">
  <script type="text/javascript">table3()</script>
 </div>
</div>

表1（）
表2（）
表3（）

对于类似的内容，您可以使用一些jquery并滚动您自己的代码。试试这个

$('.nav-tabs li').on('click', function() {
    $('.tab-pane').hide().eq($(this).index()).show();
});

在这里，您只需单击菜单项，它将显示相应的内容。您还可以在此处使用

if/else

，根据单击的菜单项选择要启动的功能。希望这能给你一个正确的方向

$（'.nav tabs li'）。在（'click'，function（）上{
var index=$（this.index（）；
$（'.tab窗格'）.hide（）.eq（index.show（）；
如果（索引==0）{
//表1（）；
log（'runfunction1'）；
}else if（索引===1）{
//表2（）；
log（'runfunction2'）；
}否则{
//表3（）；
log（'runfunction3'）；
}
});
.nav选项卡{
背景：#ccc；
宽度：100%；
}
.选项卡内容{
背景：#4c；
最小高度：100px；
宽度：100%；
}
.选项卡窗格{
宽度：100%；
高度：100px；
}
.隐藏{
显示：无；
}






菜单1

菜单2

菜单3

欢迎来到StackOverflow。在发布之前，请花一些时间完成并阅读帮助主题。好的问题通常有一个好的答案。此外，StackOverflow还有一个包含大量信息的应用程序。谢谢。解决编程中发现的问题也是如此。但是你必须先写代码。试试看，带着你的问题回到这里。我们很乐意帮助您。：）