gpt4 book ai didi

javascript - twitter bootstrap 选项卡和 getBBox

转载 作者:行者123 更新时间:2023-11-28 02:30:44 24 4
gpt4 key购买 nike

考虑以下示例: http://jsfiddle.net/emepyc/gVNRc/

 <body>
<ul class="nav nav-tabs">
<li><a href="#plot" data-toggle="tab">Main</a></li>
</ul>

<div class="tab-content">
<div id="plot" class="tab-pane">
</div>
</div>
</body>

当“plot”div元素在bootstrap控制下时,bbox报错为:SVGRect {高度:0,宽度:0,y:0,x:0}

但是将 div 元素移到外面...

 <body>
<div id="plot">
</div>
</body>

...bbox 正确报告为:SVGRect {高度:146,宽度:848,y:180,x:56}

有人知道这是怎么回事吗?

M;

最佳答案

好吧,看起来这个对话已经在其他地方进行了...... https://groups.google.com/forum/?fromgroups=#!topic/d3-js/dW_pt5vs7kE

事实上,已经提到过,如果 svg 在 tab-pane div 内初始化(如果 tab-pane 是第一个事件),则 svg 将如何正确显示> 选项卡 Pane 。

http://jsfiddle.net/SzVrs/8/

  <ul class="nav nav-tabs">
<li class="active"><a href="#plot" data-toggle="tab">Main</a></li>
<li><a href="#plotThickens" data-toggle="tab">Other</a></li>
</ul>
<div class="tab-content">
<div id="plot" class="tab-pane active"></div>
<div id="plotThickens" class="tab-pane">
<div class="alert">
<p>The plot thickens!</p>
</div>
</div>
</div>

但是如果 svg 元素不在第一个 active 选项卡内该怎么办?

这是一种方法:删除 svg 元素,并在单击 Bootstrap 导航的 href 时重建它。

http://jsfiddle.net/3LhtX/10/

 $('a[data-toggle="tab"]').on('shown', function (e) {
$('svg').remove();
var svg = plot();
BB(svg);
});

关于javascript - twitter bootstrap 选项卡和 getBBox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14218395/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com