2017-04-26 2 views
0

enter image description here enter image description hereCSS 클래스 설계 추가 요소

로 작동하지 않는 I JQuery와 일부 HTML 코드를 추가 할 때, 상기 두 이미지의 CSS가 작동하지 폼. 여기 내 HTML 코드입니다 :

<tbody id="strengthsTableBody"> 
<tr><td class='text-center'> 
<div class="text-center"> 
    <div class="inline"> 
     <div class="easypiechart" 
     data-percent="90" 
     data-line-width="15" 
     data-track-color="#eee" 
     data-bar-color="#5cb85c" 
     data-scale-color="#fff" 
     data-size="100" 
     data-line-cap='butt'> 
      <span class="h3 step">90</span>% 
     </div> 
    </div>      
</div> 
</td></tr> 

일부 코드는 Jquery와 함께 추가하고 문자열로 만들지 만 작동하지 않습니다. 여기 내 APPEND 스크립트입니다 :

courceResultsData = 
"<tr><td class='text-center'> 
    <div class='text-center'> 
     <div class='inline'> 
      <div class='easypiechart' 
      data-percent='90' 
      data-line-width='15' 
      data-track-color='#eee' 
      data-bar-color='#5cb85c' 
      data-scale-color='#fff' 
      data-size='100' 
      data-line-cap='butt'> 
       <span class='h3 step'>90</span>% 
      </div> 
     </div> 
    </div> 
</td> 
</tr>"; 

$("#strengthsTableBody").append(courceResultsData); 

당신이

+0

줄' td class = 'text-center'>'는 '<'가 없습니다. 오타가 잘못 됐습니까? – reporter

+0

여기에 물어 보는 동안 코드가 실제로 업데이트되었습니다. 놓친 것 같습니다. –

답변

1

내가 pieChart에 페이지로드에 자바 스크립트에 의해 생성하고 있다고 생각 원 스크립트 나 CSS의 킹 기타를 제안 할 수 있습니다 가능하면 그래서 당신은 마크 업을 시작이있을 때 작동하고 jQuery로 추가하면 라이브러리를 직접 트리거해야합니다.

+0

어느 도서관을 이용하십니까? 이 https://rendro.github.io/easy-pie-chart/? –

+0

'$ ("# strengthsTableBody") .easyPieChart();' –

+0

코드 뒤에 jsfiddle을 추가하면 도움이 될 것입니다. –