13518219792
小编给大家分享一下bootstrap关闭tab的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
成都创新互联是一家专业从事做网站、成都网站建设、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,成都创新互联依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务！
bootstrap关闭tab的方法：首先引入jquery；然后在相应的页面中引用“bootstrap-closable-tab”插件来实现可关闭的tab标签页效果即可。
Bootstrap 来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活。开发过程中，我们只需通过给DOM元素添加相应的class即可调用，使得 Web 开发更加快捷。
bootstrap怎么实现可关闭tab标签页？
从网上找的一款可以关闭的tab标签页插件：bootstrap-closable-tab插件
在页面中引用bootstrap-closable-tab插件来实现可关闭的tab标签页效果。
1、bootstrap-closable-tab组件是一个可关闭tab标签页的组件，是基于jquery和bootstrap的；因此要引入bootstrap的相关插件。
前提得引入jquery：
2、引入该插件：
推荐：《bootstrap教程》
代码如下：
//子页面不用iframe，用div展示
var closableTab = {
//添加tab
addTab:function(tabItem){ //tabItem = {id,name,url,closable}
var id = "tab_seed_" + tabItem.id;
var container ="tab_container_" + tabItem.id;
$("li[id^=tab_seed_]").removeClass("active");
$("div[id^=tab_container_]").removeClass("active");
if(!$('#'+id)[0]){
var li_tab = ''+tabItem.name;
if(tabItem.closable){
li_tab = li_tab + ' ';
}else{
li_tab = li_tab + '';
}
var tabpanel = ''+
'正在加载...'+
' 3、html代码：
