当切换tab时,数据加载了,但是table的宽和高不能不能够初始化。

郁闷了好久解决了这个问题:

在页面加载时和切换tab时,获取当前tab的名字,进行内容的初始化

$('a[name="mainTab"]').on('shown.bs.tab', function(e) {
  // 获取已激活的标签页的名称
  selectTabName = $(e.target).text();
  selectTab(selectTabName);
});

 

//根据标签页刷新页面
function selectTab(selectTabName){
if(selectTabName == '设备统计'){
//设备统计列表
initDeviceCountTable();
}else if(selectTabName == '与LLDP对比'){
//对比表
initCompareTable();
}
}

  

<ul class="nav nav-tabs">
<li class="active">
  <a href="#manage" data-toggle="tab" name="mainTab">设备管理</a>
</li>
<li >
  <a href="#count" data-toggle="tab" name="mainTab">设备统计</a>
</li>
<li >
  <a href="#compare" data-toggle="tab" name="mainTab">与LLDP对比</a>
</li>
</ul> <div class="tab-content" id="mytabContent">
  <div class="tab-pane fade in active " id="manage">
    <!--设备管理的内容-->
    <%@include file="deviceManage.jsp"%>
  </div>
  <div class="tab-pane fade " id="count">
    <!-- 设备统计列表 --> 
    <%@include file="deviceCount.jsp"%>
  </div>
  <div class="tab-pane fade" id="compare"> 
    <!-- 与LLDP对比列表-->
    <%@include file="deviceCompare.jsp"%>
  </div>
</div>

  

  

最新文章

  1. MR跑百分27不动引发的问题
  2. UITextView 文本垂直居中
  3. 为什么要使用class.forname在DriverManager.getConnection之前
  4. [译]git commit --amend
  5. MySql 导出excel
  6. JAVA 堆栈知识和Volatile关键字
  7. path和classpath
  8. React Native填坑之旅--LayoutAnimation篇
  9. Ionic学习笔记四 一些问题处理
  10. [SQL]SQL语言入门级教材_SQL功能与特性(一)
  11. Software: MPEG-7 Feature Extraction Library
  12. [效果]JS折叠菜单-使用方法 (Moo.Fx)
  13. lstm bptt推导
  14. C语言实现过滤ASCII在0~127范围内的字符,并去除重复的字符
  15. C#通讯录——Windows Form Contact List
  16. c# .net 面试总结
  17. MySQL 5.7.14 net start mysql 服务无法启动
  18. IntelliJ IDEA 2017版 spring-boot2.0.4的集成JSP
  19. newton法分形图
  20. python爬虫实战之bilibili弹幕生成云图

热门文章

  1. Shoot the Bullet ZOJ - 3229有上下界网络流
  2. 了解http协议
  3. js通过String取得对应全局Object的值
  4. NFS学习
  5. bilibili用户信息查询
  6. jQuery练习总结(一)
  7. spring的关于数据源的datasource接口的深入理解
  8. HDU 2521
  9. spark Bisecting k-means(二分K均值算法)
  10. org/eclipse/jetty/util/component/Container$Listener