bootstrap使用的是iframe,如何控制关闭除当前之外的TAB
时间: 2024-02-02 19:04:07 浏览: 117
以BootStrap Tab为例写一个前端组件
如果 Bootstrap 使用的是 iframe,关闭除当前之外的 TAB 的方法也有所不同。具体来说,需要先获取当前 TAB 的 iframe 元素,然后再遍历所有的 TAB,当 iframe 元素不等于当前 TAB 的 iframe 元素时,将其关闭。具体的实现可以参考以下代码片段:
```javascript
// 获取当前 TAB 的 iframe 元素
var currentIFrame = $('.nav-tabs .active iframe');
// 遍历所有 TAB
$('.nav-tabs li').each(function() {
// 获取当前 TAB 的 iframe 元素
var iframe = $(this).find('iframe');
// 如果 iframe 元素不等于当前 TAB 的 iframe 元素,则关闭该 TAB
if (iframe.length && iframe[0] !== currentIFrame[0]) {
iframe[0].contentWindow.location.href = 'about:blank';
}
});
// 关闭当前 TAB
currentIFrame[0].contentWindow.location.href = 'about:blank';
```
需要注意的是,以上代码中的 `about:blank` 是一个空白页面,用于清空 iframe 元素的内容。具体的实现方式可以根据你的需求进行调整。
阅读全文