bootstrap-closable-tab

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类型，是否显示关闭图标。