// 註冊 onReady Event // 參考: http://docs.jquery.com/Events $(document).ready(function() { var PARENT_ID = []; // 產生一個空的陣列 PARENT_ID[1] = "定點"; PARENT_ID[2] = "船測"; // 註冊 AJAX 非同步處理函式 // 從 data/map-menu.json 讀取資料來產生 map-menu 的 Accordion 選單 $.getJSON("data/map-menu.json", function(data){ // 讀取進來的 JSON 內容必須用 eval 函數才能變成 javascript 可以識別的陣列 var json = eval(data); // 註: 因為 JSON 內容按 type_id 排序, // 故用 type_id 來判斷第一次出現的 type_id 產生新的 DOM var type_id = -1; $.each(json, function(i, item){ // 確認 type_id 是否存在,否則產生一個新的 DOM if(item.type_id != type_id ) { $('#map-menu').append("
"); type_id = item.type_id; $("#map-menu-" + item.type_id).append("