在標籤內容不渲染

我試圖設計類類型的資產淨值標籤與標籤，內容包括圖像，但圖像的HTML DIV HTML圖像標記不中<div class="tab-content"></div>在標籤內容不渲染

渲染，但在工作之外<div class="tab-content"></div> 。我無法弄清楚爲什麼會發生這種情況。 UI 的

預覽Shirt Chart http://pix.toile-libre.org/upload/original/1482566171.png

文件結構

File Structure http://pix.toile-libre.org/upload/original/1482566517.png

這是HTML語法

<div class="col-md-6" id="chart"> 
       <div class="col-md-12 selectboxit-container tshirt-chart-div"> 
        <ul class="nav nav-pills" role="tablist"> 
         <li role="presentation" class="active"><a href="#quote">Size Chart</a></li> 
         <li role="presentation" class="dropdown"> <a href="#" class="dropdown-toggle" id="drop4" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Product Type <span class="caret"></span> </a> 
          <ul class="dropdown-menu" id="menu1" aria-labelledby="drop4"> 
           <li onclick="renderChart('roundNeck')"><a id="roundNeck" href="#quote">Round Neck T-Shirt</a></li> 
           <li onclick="renderChart('collarNeck')"><a id="collarNeck" href="#quote">Collar Shirt</a></li> 
           <li onclick="renderChart('hoodie')"><a id="hoodie" href="#quote">Hoddie</a></li> 
           <li onclick="renderChart('roundNeck')"><a id="hoodieZipper" href="#quote">Hoddie Zipper</a></li> 
          </ul> 
        </ul> 
        <div id="gender" class="btn-group" role="group"> 
         <button type="radio" class="btn btn-default" name="gender" value="0">Male</button> 
         <button type="radio" class="btn btn-default" name="gender" value="1">Female</button> 
        </div> 
       </div> 
       <div class="col-md-12 bs-example"> 
        <ul class="nav nav-tabs"> 
         <li class="active"><a data-toggle="tab" href="#small">S</a></li> 
         <li><a data-toggle="tab" href="#medium">M</a></li> 
         <li><a data-toggle="tab" href="#large">L</a></li> 
         <li><a data-toggle="tab" href="#xlarge">XL</a></li> 
         <li><a data-toggle="tab" href="#xxlarge">XXL</a></li> 
        </ul> 
        <div class="tab-content"> 
         <div id="small" class="tab-pane fade in active"><img id="cs" src="./img/chart/round-boy-s.jpg"></div> 
         <div id="medium" class="tab-pane fade"><img id="cm" src="./img/chart/round-boy-m.jpg"></div> 
         <div id="large" class="tab-pane fade "><img id="cl" src="./img/chart/round-boy-l.jpg"></div> 
         <div id="xlarge" class="tab-pane fade"><img id="cxl" src="./img/chart/round-boy-xl.jpg"></div> 
         <div id="xxlarge" class="tab-pane fade"><img id="cxxl" src="./img/chart/round-boy-xxl.jpg"></div> 
        </div> 
       </div> 
      </div>

來源

2016-12-24 Shashank

您在您的PC或託管服務器檢查？ –

它在PC（localhost） – Shashank

我認爲你有一個img路徑的問題。它以'。/ img /'開頭，我沒有'.'（點） –

的問題是與CSS我已經定義
.tab-content>.tab-pane { display: none; }

取出後的圖像渲染

來源

2016-12-26 09:03:35 Shashank

在標籤內容不渲染

回答

相關問題