JSON을 기반으로 jquery 탭을 만듭니다.

편집 : 문제에 대한 새로운 이해를 반영하기 위해 질문을 크게 변경하고 있습니다. 지금 나는 가변 길이 {"CORE 1":"alfa", "CORE 2":"beta", ...}의 JSON 파일을 가지고 있는데, 그 중 일부는 키를 기반으로 탭 이름 (https://jqueryui.com/tabs/ jquery)을 생성하고 탭의 내용에 대한 값을 사용하고 싶습니다.JSON을 기반으로 jquery 탭을 만듭니다.

<div id="tabs_3"> 
     <ul class="clicked"> 
     <li><a href="#tabs_3-1">CORE 1</a></li> 
     <li><a href="#tabs_3-2">CORE 2</a></li>  
     </ul> 

     <div id="tabs_3-1">  
     # alpha 
</div> 

     <div id="tabs_3-2"> 
     # beta 
     </div> 
       </div>

어떻게하면됩니까? [{"CORE":"alfa"},{ "CORE":"beta"}, ...] >이 ---->{"CORE 1":"alfa", "CORE 2":"beta", ...}이 ----로 변환하고이 데이터에 액세스합니다 :

출처

2016-09-29 Asher11

자바 스크립트

var data = [{"CORE":"tabs-1","title":"alfa"},{ "CORE":"tabs-2","title":"beta"},{"CORE":"tabs-3","title":"gamma"}]; 

var stringData = ""; 

for (var i = 0; i < data.length ; i++) { 
    stringData += "<li><a href=#"+data[i]['CORE']+">"+data[i]['title']+"</a></li>" 
} 
console.log(stringData); 
$(".list").append(stringData); 

$("#tabs").tabs();

과 HTML은 id 속성이

출처

2016-10-02 06:48:59 Pivote

정말 고마워요 !! – Asher11

내가 당신이 예를 들어 JQuery와 내부에 동적으로 탭을 추가 할 수 있도록 개체의 구조를 변경해야 할 생각 for 또는 원하는 bucle을 사용하십시오.

출처

2016-10-01 01:17:55 Pivote

은 내가 볼 JSON 파일의 CORE 데이터 INSE 같다는 것을이

<ul class="list"> </ul> <div id="tabs-1">...</div> <div id="tabs-2">...</div> <div id="tabs-3">...</div>

통지 모습이다. 실제 구현을 약간 확장 할 수 있습니까? 오히려 멍청한 소리가 나야하지만 그 기능을 설계하는 데 어려움을 겪고 있습니다. – Asher11

JSON을 기반으로 jquery 탭을 만듭니다.

답변

관련 문제