Jquery Twitter引导使用隐藏而不是显示:无

Jquery Twitter引导使用隐藏而不是显示:无,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我正在使用Twitter Bootstrap开发一个站点,我对标签有问题,这是因为他们使用display:none而不是隐藏标签。这会导致iFrame出现问题,并将元素放置在隐藏选项卡上 我的问题是,是否有一种方法可以将引导配置为以与默认实现不同的方式隐藏选项卡?正如上面评论中所建议的,您必须使用可见性选项。此外,由于div占用了空间,因此位置必须更改,当您切换选项卡时,它将切换到页面上的其他位置。css更改的最终结果如下所示: .tab-content > .tab-pane, .pil

我正在使用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
});

希望这对您有所帮助

“…而不是隐藏选项卡…”您介意解释一下吗?找到引导设置的位置
display:none
,并设置
可见性:隐藏取而代之。浏览器的web检查器应该可以很容易地找到引导设置的位置
display:none
。几乎可以说,除了将其更改为该位置而它从未显示出来之外,它只是占据了一个绝对位置并解决了问题。@DevinDixon:您应该写一个完整的答案,张贴在下面,然后将其标记为已接受的答案。