創建基於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>

我該怎麼做？

來源

2016-09-29 Asher11

的Javascript

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是這個樣子

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

通知id屬性等於JSON文件

來源

2016-10-02 06:48:59 Pivote

非常感謝你！ – Asher11

我認爲你必須改變你的對象的結構，能夠動態地添加選項卡內的jQuery例如：這個---->{"CORE 1":"alfa", "CORE 2":"beta", ...}轉換爲該---->[{"CORE":"alfa"},{ "CORE":"beta"}, ...] ，你將訪問數據使用for或任何你想要的。

來源

2016-10-01 01:17:55 Pivote

我看到的一個核心數據櫻雪。你能擴展一下實際的實現嗎？它聽起來似乎不太流行，但我在設計一個能夠做到這一點的函數時遇到了麻煩。 – Asher11

創建基於JSON的jquery製表符

回答

相關問題