bootstrap-closable-tab组件是一个可关闭标签页的组件。基于jquery和bootstrap
示例
1.gif
截屏示例是div实现方式，更流行的做法，抛弃iframe吧~
使用方法
- 引入bootstrap-closable-tab.js文件
- 在需要显示标签的位置如下代码
<!-- 此处是相关代码 -->
<ul class="nav nav-tabs" role="tablist">
</ul>
<div class="tab-content" style="width:100%;">
</div>
<!-- 相关代码结束 -->
- 添加标签
执行bootstrap-closable-tab.js中的方法closableTab.addTab(item)
参数item是一个数组 {id,name,url,closable}
id tab标签的id，不允许重复；
name tab便签上面显示的标题；
tab 标签页里面要加载的页面（不支持跨域访问);
closalbe boolean类型，是否显示关闭图标。
- Example
var item = {'id':'1','name':'首页','url':'son.html','closable':false};
closableTab.addTab(item);
废弃子页面用iframe显示的方式吧
iframe展示子页面一度成为国内后台管理系统开发的主流。但是h5的出现，iframe的适应性有点不尽人意。closable-tab-div.js是另一种可关闭tab的子页面展示方式，很多优点只有你使用了才能发现。
