SVGがdiv/tab内に入っていない

Question

こんにちは私は現在SVG要素をdiv内に配置しようとしています。何らかの理由でdivの外にあります。

<div id="Force Layout" class="tabcontent">  
    <div class="ui-widget">  
    <input id="search"> 
    <button type="button" id="searchButton" onclick="searchNode()">Search</button> 
    <button type="button" onclick="releasenode(); ">Release</button>  
    </div> 
    <script> document.body.style.zoom = 1.0 </script> 
    <div style="width: 100%; overflow:visible;"> </div>     
    <div style="width:820px; margin-top:50px;"> 
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">  
    <script src="//d3js.org/d3.v3.min.js"></script> 
    <script type='text/javascript' src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"> </script> 
    <script type='text/javascript' src="http://bost.ocks.org/mike/fisheye/fisheye.js?0.0.3"> </script> 
    <script type='text/javascript' src = "/Portfolio for Web design/index.js"> </script> 
    </div> 
</div> 

結果は終わる：

D3が、それは完全に

Answer 1

通常DIV任意のタブ/外に座っているかのように、私はあなたが思わない、常に表示されてあなたが示した方法でdiv内にd3.jsのjavascriptを追加します。私は、あなたが現在想定している推測してい

d3.select("#container").append("svg"); 

：次に、あなたのスクリプト内であなたが何かを言うラインを持っているかもしれません

<div id="container"></div> 
<script type='text/javascript' src = "/Portfolio for Web design/index.js"</script> 

：私はもっとこのようなコードを見ることを期待したいですスクリプトはコンテナdiv内で自動的にレンダリングされるSVGを生成します。しかし、そうではありません.d3.jsは、SVGを追加するdivを明示的に参照する必要があります。