Javascript twitter引导选项卡和getBBox
考虑以下示例:Javascript twitter引导选项卡和getBBox,javascript,twitter-bootstrap,svg,d3.js,Javascript,Twitter Bootstrap,Svg,D3.js,考虑以下示例: 当“plot”div元素处于引导控制下时,bbox被错误地报告为: SVGRect{height:0,width:0,y:0,x:0} 但是把div元素移到外面 <body> <div id="plot"> </div> </body> 。。。bbox正确报告为: SVGRect{高度:146,宽度:848,y:180,x:56} 有人知道这里发生了什么吗 M 好吧,看来这段对话已经在别处进行了
当“plot”div元素处于引导控制下时,bbox被错误地报告为:
SVGRect{height:0,width:0,y:0,x:0}
但是把div元素移到外面
<body>
<div id="plot">
</div>
</body>
。。。bbox正确报告为:
SVGRect{高度:146,宽度:848,y:180,x:56}
有人知道这里发生了什么吗
M 好吧,看来这段对话已经在别处进行了。。。 事实上,已经提到,如果svg在
选项卡窗格
div中初始化,并且选项卡窗格是第一个活动的
选项卡窗格,那么svg将如何正确显示
好的,看来这段对话已经在别处进行了。。。 事实上,已经提到,如果svg在
选项卡窗格
div中初始化,并且选项卡窗格是第一个活动的
选项卡窗格,那么svg将如何正确显示
是的,这可能是一个解决办法。但是,每次标记激活时都必须重新创建一个沉重的svg并不是一个理想的解决方案。但每次标记激活时都必须重新创建一个沉重的svg并不是一个理想的解决方案。
<body>
<div id="plot">
</div>
</body>
<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>
$('a[data-toggle="tab"]').on('shown', function (e) {
$('svg').remove();
var svg = plot();
BB(svg);
});