bootstrap如何控制关闭除当前之外的TAB
时间: 2024-02-16 08:03:50 浏览: 22
Bootstrap中可以使用以下代码来控制关闭除当前之外的TAB:
```
$('#myTab').on('click', 'a.closeable', function () {
var href = $(this).attr('href');
$(this).parents('li').remove();
$(href).remove();
$('#myTab li').removeClass('active');
$('#myTab li:last').addClass('active');
});
```
这段代码会在点击关闭按钮时,先获取对应的TAB的链接(href),然后将TAB和对应的内容删除。最后,将当前TAB切换为最后一个TAB并添加active类以显示为当前选中TAB。这样就控制了关闭除当前之外的TAB。
相关问题
bootstrap使用的是iframe,如何控制关闭除当前之外的TAB
如果使用的是iframe,可以使用以下代码来控制关闭除当前之外的TAB:
```
$('.page-tabs-content').on('click', '.menuTab', function () {
var id = $(this).data('id');
$('.menuTab').removeClass('active');
$(this).addClass('active');
$('.mainContent iframe').each(function () {
if ($(this).data('id') != id) {
$(this).remove();
}
});
});
```
这段代码跟上面的代码大体相同,只是将选择器改为了iframe,并且通过遍历所有iframe,将data-id属性不等于当前id的iframe删除。这样就控制了关闭除当前之外的TAB。需要注意的是,如果使用iframe,需要给每个iframe添加data-id属性来标识对应的TAB。
bootstrap 多个modal关闭当前的
要关闭当前的 modal,可以使用以下代码:
```javascript
$('#modal1').modal('hide');
```
其中,`#modal1` 是当前 modal 的 id。
如果你有多个 modal,可以通过给每个 modal 设置不同的 id,然后在关闭的时候指定相应的 id 来实现关闭当前的 modal。