我正在使用 Twitter Bootstrap 开发一个网站,但我对标签有疑问,因为它们正在使用display: none
而不是隐藏标签。它即导致隐藏选项卡上的 iframe 和位置元素出现问题。
我的问题是有没有办法配置引导程序以不同于默认实现的方式隐藏选项卡?
我正在使用 Twitter Bootstrap 开发一个网站,但我对标签有疑问,因为它们正在使用display: none
而不是隐藏标签。它即导致隐藏选项卡上的 iframe 和位置元素出现问题。
我的问题是有没有办法配置引导程序以不同于默认实现的方式隐藏选项卡?
正如上面评论中所建议的,您必须使用可见性选项。位置也必须改变,因为 div 占用空间,当你切换标签时,它会切换到页面上的不同位置。css 更改的最终结果如下所示:
.tab-content > .tab-pane,
.pill-content > .pill-pane {
visibility:hidden;
position: absolute;
width: 930px;
}
.tab-content > .active,
.pill-content > .active {
display: inline;
visibility:visible;
position: absolute;
width: 930px;
}
修改为您自己的解决方案。
我有同样的问题,我想获得标签内元素的宽度。
我不知道您是否想在显示选项卡时执行您想要执行的操作,但我想这可以在您单击选项卡并获取元素功能时对您有所帮助:
$('#mytab a[href="#tab2"]').on('shown.bs.tab', function (e) {
//the mytab is the id of your tab header and tab2 is
the tab which is not active yet
});
希望这对你有帮助